/* Modern layer: dark glass, soft glow, tighter type (haunt.gg / guns.lol / alias.rip feel) */
:root{--ink:#050507;--line:rgba(255,255,255,.09);--glow:rgba(140,120,255,.35);--r:18px}
body{background:radial-gradient(1100px 600px at 20% -10%,rgba(120,90,255,.16),transparent 60%),radial-gradient(900px 500px at 90% 10%,rgba(255,70,140,.10),transparent 60%),#050507;letter-spacing:-.01em}
.nav{backdrop-filter:blur(18px) saturate(1.4);background:rgba(8,8,12,.55);border:1px solid var(--line);border-radius:999px;margin:14px auto;max-width:980px;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.hero h1{font-weight:800;letter-spacing:-.045em;background:linear-gradient(180deg,#fff,rgba(255,255,255,.55));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.glass,.pcard,.tile,.feat,.hero-card{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:var(--r);backdrop-filter:blur(22px) saturate(1.5);box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 24px 60px -20px rgba(0,0,0,.7);transition:transform .35s var(--ease-out),border-color .3s,box-shadow .3s}
.feat:hover,.tile:hover,.pcard:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.22);box-shadow:0 0 0 1px rgba(255,255,255,.05),0 20px 70px -18px var(--glow)}
.btn-solid{background:#fff;color:#000;border-radius:999px;font-weight:700;box-shadow:0 0 0 0 var(--glow);transition:transform .25s var(--ease-spring),box-shadow .3s}
.btn-solid:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 40px var(--glow)}
input,textarea,select{border-radius:12px!important;background:rgba(255,255,255,.04)!important;border:1px solid var(--line)!important;transition:border-color .2s,box-shadow .2s}
input:focus,textarea:focus,select:focus{outline:0;border-color:rgba(160,140,255,.6)!important;box-shadow:0 0 0 4px rgba(140,120,255,.15)}
/* profile page */
.pp-content{max-width:460px;margin:0 auto}
.p-avatar{border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.12),0 0 50px var(--glow)}
.p-name{font-weight:800;letter-spacing:-.04em}
.p-bio{opacity:.8}
.plink{border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px);transition:transform .3s var(--ease-spring),background .25s,box-shadow .3s}
.plink:hover{transform:translateY(-3px) scale(1.015);background:rgba(255,255,255,.12);box-shadow:0 12px 40px -10px var(--glow)}
.pp-btn{backdrop-filter:blur(14px);background:rgba(10,10,14,.5);border:1px solid var(--line)}
.music-player{border-radius:20px;background:rgba(10,10,14,.6);backdrop-filter:blur(24px);border:1px solid var(--line);box-shadow:0 20px 60px -10px rgba(0,0,0,.8)}
.enter-gate{background:rgba(5,5,8,.72);backdrop-filter:blur(26px) saturate(1.4)}
.entertext{font-size:20px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.9;animation:mdPulse 2.6s ease-in-out infinite}
@keyframes mdPulse{50%{opacity:.45}}
::selection{background:rgba(140,120,255,.45)}