*{box-sizing:border-box;margin:0}
html,body{height:100%}
body{background:radial-gradient(ellipse at 50% 40%,#12224a 0%,#08122A 55%,#000b21 100%);color:#e8ecf4;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh}
main{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem 1rem;gap:2rem}
.backdrop{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;user-select:none;font-weight:900;line-height:.86;letter-spacing:-.02em;font-size:clamp(4rem,15vw,15rem);color:#fff;opacity:.10;text-align:center;white-space:nowrap}
.stage{position:relative;z-index:1;width:min(64vw,420px,52vh);perspective:900px}
#chief{width:100%;height:auto;display:block;overflow:visible;transform-origin:50% 90%;will-change:transform;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.eye{transform-box:fill-box;transform-origin:center}
.cta{position:relative;z-index:1;text-align:center;max-width:40rem}
.btn{display:inline-block;background:#FFB23F;color:#08122A;font-weight:800;text-decoration:none;padding:1rem 1.6rem;border-radius:999px;font-size:clamp(.95rem,2.4vw,1.1rem);box-shadow:0 10px 30px rgba(255,178,63,.25);transition:transform .15s,box-shadow .15s}
.btn:hover,.btn:focus-visible{transform:translateY(-2px);box-shadow:0 14px 36px rgba(255,178,63,.4)}
.btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.cta p{margin-top:1rem;color:#aeb8cc;font-size:.95rem;line-height:1.5}
footer{text-align:center;font-size:.75rem;color:#6f7b93;padding:1rem}
footer a{color:#9fbd9f}