:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#08060d;color:#eee}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden}
body{background:radial-gradient(circle at 50% 48%,#211334 0,#0c0912 42%,#050407 100%)}
#field,.vignette{position:fixed;inset:0;width:100%;height:100%}
.vignette{pointer-events:none;background:radial-gradient(ellipse at center,transparent 25%,rgba(5,3,8,.3) 68%,rgba(3,2,5,.9) 100%)}
main{position:relative;z-index:1;display:grid;place-items:center;align-content:center;min-height:100%;padding:clamp(24px,6vw,96px);filter:drop-shadow(0 18px 55px rgba(0,0,0,.72))}
main img{display:block;width:min(1050px,88vw);height:auto;animation:arrive 1.4s cubic-bezier(.2,.8,.2,1) both}
main p{margin:clamp(22px,4vw,42px) 0 0;color:#cbbce0;font-size:clamp(11px,1.1vw,15px);font-weight:650;letter-spacing:.34em;text-transform:uppercase;opacity:.72;animation:arrive 1.4s .18s cubic-bezier(.2,.8,.2,1) both}
@keyframes arrive{from{opacity:0;transform:translateY(18px);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}
@media (prefers-reduced-motion:reduce){main img,main p{animation:none}}