/* Scary/glitch styling */
:root{--bg:#000;--red:#ff1a1a;--muted:#aaa}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--muted)}
.bg{position:fixed;inset:0;background:radial-gradient(ellipse at center,#110000 0%,#000 60%);pointer-events:none;z-index:-1}
.stage{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(2rem + 72px) 2rem 2rem}
.hero{font-size:clamp(1.6rem,4.5vw,4.5rem);line-height:1.05;color:var(--red);letter-spacing:0.02em;padding:0 1rem;font-weight:700}
.sub{color:#888;margin-top:.5rem}

/* static scanlines (visual only, no animation) */
body::after{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px);background-size:100% 4px;mix-blend-mode:overlay}

/* Header with logo */
.site-header{position:fixed;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px 18px;background:linear-gradient(180deg, rgba(0,0,0,0.6), rgba(0,0,0,0.2));z-index:20}
.logo{height:64px;width:auto;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,0.6)}
.site-title{color:#fff;text-align:center}
.site-title h1{margin:0;font-size:1.1rem;font-weight:700;line-height:1.2}