*{box-sizing:border-box}html{background:#08080a;color:#f5f5f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,#1b1b22 0,#08080a 45%);color:#f5f5f5}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid #1d1d22;background:#08080add;backdrop-filter:blur(16px);position:relative;z-index:2}.brand{font-weight:900;font-size:25px;letter-spacing:-1.5px;text-decoration:none;color:#fff}.brand span{color:#ff334f}.topbar nav{display:flex;gap:18px;align-items:center}.navlink,.ghost{color:#aaa;text-decoration:none;background:none;border:0;cursor:pointer;font:inherit}.navlink:hover,.ghost:hover{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;border:0;background:#ff334f;color:#fff;padding:13px 18px;border-radius:11px;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 10px 30px #ff334f22}.button:hover{filter:brightness(1.08);transform:translateY(-1px)}.button.small{padding:9px 13px;border-radius:9px}.hero{max-width:1180px;margin:0 auto;padding:110px 30px 90px;display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:center}.eyebrow{font-size:11px;letter-spacing:3px;color:#ff5a70;font-weight:900}.hero h1{font-size:clamp(55px,8vw,105px);line-height:.91;letter-spacing:-6px;margin:18px 0 30px}.hero h1 span{color:#777}.hero-copy{max-width:600px;color:#999;font-size:18px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:32px}.preview-card{position:relative;overflow:hidden;background:#111116;border:1px solid #27272d;border-radius:24px;padding:35px;min-height:500px;box-shadow:0 30px 100px #000}.preview-glow{position:absolute;width:240px;height:240px;border-radius:50%;background:#ff334f;filter:blur(90px);opacity:.16;right:-60px;top:-60px}.preview-avatar{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#222;color:#fff;font-weight:900;margin-bottom:25px}.preview-name{font-size:33px;font-weight:900}.preview-name span{color:#ff334f}.preview-bio{color:#888;margin:8px 0 28px}.preview-link{border:1px solid #29292f;background:#17171c;border-radius:12px;padding:15px;margin:10px 0;color:#ddd}.preview-link b{float:right;color:#ff334f}.preview-footer{margin-top:35px;color:#555;font-size:12px}.features{max-width:1180px;margin:0 auto;padding:0 30px 90px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.features>div{border-top:1px solid #29292f;padding-top:18px}.features b{color:#ff334f;font-size:11px}.features h3{margin:12px 0 8px}.features p{color:#777;line-height:1.6}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:30px}.auth-wrap>.brand{position:absolute;top:28px;left:30px}.panel{background:#101014;border:1px solid #26262d;border-radius:18px;padding:26px;box-shadow:0 25px 80px #0008}.auth-panel{width:min(440px,100%)}.auth-panel h1{font-size:34px;margin:0 0 8px}.auth-panel p{color:#888}.auth-panel .button{width:100%;margin-top:8px}label{display:block;color:#aaa;font-size:13px;font-weight:700;margin:16px 0}input,textarea{display:block;width:100%;margin-top:8px;background:#0a0a0d;border:1px solid #292930;border-radius:10px;color:#fff;padding:13px;font:inherit;outline:none}input:focus,textarea:focus{border-color:#ff334f55;box-shadow:0 0 0 3px #ff334f12}.error{color:#ff6d7f;margin-top:12px;min-height:20px;font-size:13px}.muted{color:#777}.muted a{color:#ff5a70}.dashboard{max-width:1180px;margin:0 auto;padding:70px 30px}.dash-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.dash-head h1{font-size:55px;letter-spacing:-3px;margin:8px 0}.stat{display:flex;flex-direction:column;text-align:right}.stat b{font-size:38px}.stat span{color:#666;font-size:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel h2{margin-top:0;font-size:18px}.check{display:flex;gap:10px;align-items:center}.check input{width:auto;margin:0}.check{color:#aaa}.link-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin:10px 0}.link-row input{margin:0}.remove{border:1px solid #333;background:#151519;color:#aaa;border-radius:10px;padding:0 12px;cursor:pointer}.save-row{display:flex;align-items:center;gap:15px;margin-top:25px}.save-row span{color:#66e09a;font-size:13px}.profile-page{min-height:100vh;display:grid;place-items:center;padding:35px;background-size:cover;background-position:center}.profile-card{width:min(680px,100%);padding:40px 30px;text-align:center;background:#09090bdd;border:1px solid #ffffff14;border-radius:25px;backdrop-filter:blur(22px);box-shadow:0 30px 120px #000}.profile-avatar{width:104px;height:104px;border-radius:50%;object-fit:cover;background:#1b1b20;border:2px solid var(--accent);margin:0 auto 18px}.profile-name{font-size:34px;font-weight:900;letter-spacing:-1px}.profile-username{color:var(--accent);font-weight:800;margin-top:4px}.profile-bio{max-width:560px;margin:16px auto 25px;color:#aaa;line-height:1.65;white-space:pre-wrap}.profile-links{display:grid;gap:11px}.profile-link{display:block;padding:15px;border:1px solid #ffffff12;background:#ffffff08;border-radius:12px;color:#fff;text-decoration:none;font-weight:750;transition:.2s}.profile-link:hover{transform:translateY(-2px);border-color:var(--accent);background:#ffffff0d}.profile-meta{margin-top:28px;color:#555;font-size:12px}.profile-music{position:fixed;bottom:20px;right:20px}.profile-banner{width:100%;height:150px;object-fit:cover;border-radius:18px;margin-bottom:25px}.profile-loading{color:#666}@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:70px;gap:50px}.hero h1{letter-spacing:-4px}.features,.grid{grid-template-columns:1fr}.topbar{padding:0 20px}.dashboard{padding:45px 18px}.dash-head{align-items:start}.dash-head h1{font-size:42px}.hero-actions{flex-wrap:wrap}.profile-card{padding:30px 20px}}


/* 999.666 glossy refresh */
body:before{content:"";position:fixed;inset:-20%;pointer-events:none;background:radial-gradient(circle at 20% 10%,#ff334f18,transparent 25%),radial-gradient(circle at 80% 30%,#ffffff08,transparent 22%);z-index:-1}
.panel,.preview-card,.profile-card{box-shadow:inset 0 1px 0 #ffffff10,0 25px 80px #0009,0 0 0 1px #ffffff03}
.panel{background:linear-gradient(145deg,#15151aee,#0d0d10ee)}
.button{background:linear-gradient(135deg,#ff5269,#e51f3c);box-shadow:inset 0 1px 0 #ffffff38,0 12px 35px #ff334f2b}
.button:active{transform:translateY(1px)}
input,textarea{background:linear-gradient(145deg,#111116,#09090c);box-shadow:inset 0 1px 3px #0008,0 1px 0 #ffffff05}
.preview-card{background:linear-gradient(145deg,#19191f,#0e0e12);position:relative}
.preview-card:after,.profile-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#ffffff08,transparent 25%,transparent 70%,#ff334f05);border-radius:inherit}
.profile-card{position:relative;background:linear-gradient(145deg,#111116ee,#09090cee)}
.profile-link{background:linear-gradient(145deg,#ffffff0b,#ffffff04);box-shadow:inset 0 1px 0 #ffffff08}
.eyebrow{ text-shadow:0 0 25px #ff334f66 }