*{box-sizing:border-box}:root{--bg: #020617;--ink: #e2e8f0;--muted: #94a3b8;--bat: #facc15}html,body,#root{width:100%;min-height:100%}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle at 50% -10%,rgba(250,204,21,.08),transparent 35%),linear-gradient(#020617c2,#020617e6),url(/batman-wallpaper.jpg) center / cover fixed no-repeat,linear-gradient(180deg,#020617,#000)}h1,h2,h3,.brand-font{font-family:Orbitron,Inter,sans-serif;letter-spacing:.02em}.glass{background:#02061794;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(250,204,21,.18)}.grid-bg{background-image:linear-gradient(to right,rgba(148,163,184,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(148,163,184,.04) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at center,black 28%,transparent 88%);mask-image:radial-gradient(circle at center,black 28%,transparent 88%)}.gotham-skyline{position:fixed;left:0;right:0;bottom:0;width:100%;opacity:.6;pointer-events:none;z-index:-5}.rain{position:fixed;inset:0;pointer-events:none;z-index:-4;overflow:hidden}.rain:before{content:"";position:absolute;inset:-120% 0 0;background-image:repeating-linear-gradient(110deg,#94a3b800 0px 6px,#94a3b82e 7px,#94a3b838 8px);animation:rainFall .8s linear infinite}.spotlight{position:fixed;inset:0;pointer-events:none;z-index:-3;background:radial-gradient(300px circle at var(--mx, 50%) var(--my, 20%),rgba(250,204,21,.14),rgba(250,204,21,.03) 35%,transparent 70%)}.flash-overlay{position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.5),transparent 30%);animation:thunderFlash 7s ease-in-out infinite}.progress-wrap{position:fixed;top:0;left:0;right:0;height:4px;z-index:80;background:#0f172a66}.progress-bar{height:100%;background:linear-gradient(90deg,#eab308,#facc15,#94a3b8);box-shadow:0 0 16px #facc15b3}.batmobile-lane{position:fixed;left:0;right:0;bottom:8px;z-index:60;pointer-events:none;height:82px}.batmobile{position:absolute;left:0;bottom:0;width:190px;filter:drop-shadow(0 0 14px rgba(250,204,21,.35));transition:transform .15s linear}.quote-card{border-left:4px solid rgba(250,204,21,.8)}.quote-text{font-size:clamp(1.1rem,2.4vw,1.65rem);font-weight:700;line-height:1.45}.bat-signal{position:absolute;top:-18px;right:-12px;width:62px;height:62px;border-radius:999px;background:radial-gradient(circle at center,#facc1538,#facc1514);border:1px solid rgba(250,204,21,.4);display:grid;place-items:center;box-shadow:0 0 25px #facc1540}.bat-signal span{font-size:22px;filter:drop-shadow(0 0 8px rgba(250,204,21,.8))}.card-3d{transform-style:preserve-3d;transition:transform .45s ease,border-color .3s ease,box-shadow .35s ease}.card-3d:hover{transform:perspective(900px) rotateX(7deg) rotateY(-8deg) translateY(-8px) scale(1.01);border-color:#facc159e;box-shadow:0 18px 40px #00000061,0 0 28px #facc153d}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:translateY(0)}.float-y{animation:floatY 4s ease-in-out infinite}.pulse-glow{animation:pulseGlow 2.8s ease-in-out infinite}.bat-flicker{animation:batFlicker 2.2s ease-in-out infinite}.hero-title{letter-spacing:-.03em;text-shadow:0 0 20px rgba(250,204,21,.2)}.bat-gradient{background:linear-gradient(120deg,#eab308,#facc15 40%,#94a3b8);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes rainFall{0%{transform:translateY(0)}to{transform:translateY(38%)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #facc1500}50%{box-shadow:0 0 45px #facc1559}}@keyframes batFlicker{0%,to{opacity:.95;filter:drop-shadow(0 0 8px rgba(250,204,21,.45))}50%{opacity:.65;filter:drop-shadow(0 0 18px rgba(250,204,21,.75))}}@keyframes thunderFlash{0%,94%,to{opacity:0}95%{opacity:.2}96%{opacity:.03}97%{opacity:.16}}