:root{--bg:#080104;--pink:#ff1053;--red:#e6004c;--sub:rgba(255,255,255,.75)}
html,body{background:var(--bg);color:#fff;font-family:'Plus Jakarta Sans',sans-serif;scroll-behavior:smooth}
.display{font-family:'Times New Roman',Times,serif}
.vignette{background:radial-gradient(ellipse 68% 68% at 50% 50%,transparent 22%,rgba(8,1,4,.4) 50%,rgba(8,1,4,.8) 75%,rgba(8,1,4,.98) 100%)}
.edge{background:linear-gradient(to bottom,rgba(8,1,4,.85),transparent 22%,transparent 70%,rgba(8,1,4,.9))}
.glow{background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(230,0,76,.28),transparent 70%)}
.glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.3);transition:all .3s}
.glass:hover{border-color:var(--pink);box-shadow:0 0 22px rgba(255,16,83,.55);background:rgba(255,16,83,.12)}
.card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12);border-radius:1.25rem;transition:border-color .3s}
.card:hover{border-color:var(--pink)}
.nav-link{position:relative;font-size:12px;font-weight:600;letter-spacing:.2em;color:rgba(255,255,255,.8);transition:color .2s}
.nav-link:hover,.nav-link.active{color:#fff}
.nav-link.active::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:var(--red);box-shadow:0 0 10px var(--pink)}
.drawer{transform:translateX(100%);transition:transform .4s ease}.drawer.open{transform:translateX(0)}
.modal{opacity:0;pointer-events:none;transition:opacity .3s}.modal.open{opacity:1;pointer-events:auto}
.sub{color:var(--sub)}.tag{font-size:12px;font-weight:700;letter-spacing:.3em;color:var(--red)}
.field{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.25);border-radius:.9rem;padding:.85rem 1rem;color:#fff}
.field:focus{outline:none;border-color:var(--pink);box-shadow:0 0 14px rgba(255,16,83,.4)}
a:focus-visible,button:focus-visible{outline:2px solid var(--pink);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.drawer,.modal{transition:none}}