*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;min-height:100vh;color:#fff}.container{max-width:600px;margin:0 auto;padding:0;display:flex;flex-direction:column;position:relative}@media (max-width: 768px){.container{max-width:none;width:100%}}.profile-header{position:relative;width:100%;height:80vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.header-image-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.header-image{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.header-fade-overlay{position:absolute;bottom:0;left:0;width:100%;height:100px;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.7) 100%);pointer-events:none}.header-text{position:absolute;bottom:20px;left:50%;transform:translate(-50%);text-align:center;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);font-size:18px;font-weight:600;line-height:1.4;white-space:nowrap;max-width:100%;font-family:Times New Roman,Times,"serif",Georgia,Palatino;z-index:2}.header-text-line{margin-bottom:8px;white-space:nowrap}@media (max-width: 768px){.profile-header{height:500px}.header-text{font-size:14px;max-width:90%}.header-fade-overlay{height:80px}}.content-cards{padding:30px 20px}.content-card{background:#ffffff0d;border:2px solid #ffd700;border-radius:20px;padding:0;margin-bottom:20px;height:auto;position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #ffd70033;display:block;width:100%;text-decoration:none}.content-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #ffd70066;border-color:#ffed4e}.content-card:link,.content-card:visited,.content-card:hover,.content-card:active{color:inherit;text-decoration:none}@media (max-width: 768px){.container{padding:0;max-width:none;width:100%;overflow-x:hidden}.content-cards{padding:15px;width:100%;max-width:100vw;overflow-x:hidden}.content-card{border-radius:16px;width:calc(100% - 30px);max-width:calc(100vw - 30px);margin:0 auto 20px}}@media (max-width: 480px){.content-card{border-radius:14px;width:calc(100% - 30px);max-width:calc(100vw - 30px)}.profile-header{height:450px!important}.content-cards{padding:10px}}