:root{--bg: #05010a;--bg-soft: #0c0310;--fire: #ff4a1c;--fire-hi: #ff7a2a;--ember: #ffc04a;--ink: #f8f3ec;--ink-dim: rgba(248, 243, 236, .6);--cyan: #4de0ff;--magenta: #ff2c6d;--mono: "JetBrains Mono", ui-monospace, monospace;--display: "Clash Display", "Impact", "Arial Black", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;background:var(--bg);color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow:hidden;cursor:crosshair}a{color:inherit;text-decoration:none}::selection{background:var(--fire);color:#000}.app{position:relative;width:100vw;height:100vh;overflow:hidden}.bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,transparent 0%,rgba(5,1,10,.45) 55%,rgba(5,1,10,.92) 100%)}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 1px,transparent 3px);mix-blend-mode:overlay;opacity:.5}.topbar{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:1.4rem 2rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim)}.topbar__logo{font-family:var(--display);font-weight:700;letter-spacing:.12em;font-size:1rem;color:var(--ink)}.topbar__meta{color:var(--ember)}.hero{position:relative;z-index:3;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 1.5rem;text-align:center}.overline{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.4em;text-transform:uppercase;color:var(--ember);margin-bottom:2.2rem;opacity:.9}.overline .dot{width:8px;height:8px;border-radius:50%;background:var(--fire);box-shadow:0 0 12px var(--fire),0 0 24px var(--fire);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.title{font-family:var(--display);font-weight:700;font-size:clamp(4rem,18vw,22rem);line-height:.84;letter-spacing:-.035em;text-transform:uppercase;mix-blend-mode:difference;color:#fff;filter:drop-shadow(0 0 50px rgba(255,80,20,.28));display:flex;flex-direction:column;align-items:center;gap:0}.title__line{display:block;overflow:hidden;line-height:.84;padding:.04em 0}.title__word{display:inline-block;will-change:transform;transform-origin:50% 100%}.subtitle{font-family:var(--display);font-weight:500;font-size:clamp(1rem,1.6vw,1.45rem);letter-spacing:.08em;text-transform:uppercase;line-height:1.35;margin-top:2.5rem;max-width:42ch;color:#f8f3ece0;text-shadow:0 2px 30px rgba(0,0,0,.7)}.cta-wrap{margin-top:3.2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.cta-caption{font-family:var(--mono);font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim)}.fire-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.9rem;padding:1.35rem 3rem;font-family:var(--display);font-weight:700;font-size:1.25rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);background:#05010a66;border:2px solid var(--fire);cursor:pointer;overflow:visible;isolation:isolate;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:color .35s ease,border-color .35s ease,background .35s ease;box-shadow:0 0 #ff4a1c59,0 0 40px -8px #ff4a1c8c}.fire-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(135deg,var(--fire) 0%,var(--ember) 100%);transform:translateY(101%);transition:transform .45s cubic-bezier(.77,0,.18,1)}.fire-button:hover{color:#0a0208;border-color:var(--ember)}.fire-button:hover:before{transform:translateY(0)}.fire-button.is-hot{box-shadow:0 0 0 4px #ff4a1c1f,0 0 70px -4px #ff7828e6,0 0 120px -10px #ffc8508c}.fire-button__label{position:relative;display:inline-block}.fire-button__text{display:inline-block;position:relative}.fire-button__text--r,.fire-button__text--c{position:absolute;top:0;left:0;pointer-events:none;opacity:0;mix-blend-mode:screen;transition:opacity .2s ease}.fire-button__text--r{color:var(--magenta)}.fire-button__text--c{color:var(--cyan)}.fire-button.is-hot .fire-button__text--r{opacity:1;animation:glitch-r .42s steps(2,end) infinite}.fire-button.is-hot .fire-button__text--c{opacity:1;animation:glitch-c .38s steps(2,end) infinite}@keyframes glitch-r{0%{transform:translate(0);clip-path:inset(0 0 0 0)}20%{transform:translate(3px,-1px);clip-path:inset(15% 0 55% 0)}40%{transform:translate(-1px,2px);clip-path:inset(55% 0 10% 0)}60%{transform:translate(4px);clip-path:inset(5% 0 70% 0)}80%{transform:translate(-3px,-2px);clip-path:inset(72% 0 5% 0)}to{transform:translate(0);clip-path:inset(0 0 0 0)}}@keyframes glitch-c{0%{transform:translate(0);clip-path:inset(0 0 0 0)}20%{transform:translate(-3px,1px);clip-path:inset(35% 0 30% 0)}40%{transform:translate(1px,-2px);clip-path:inset(65% 0 20% 0)}60%{transform:translate(-4px,2px);clip-path:inset(5% 0 75% 0)}80%{transform:translate(2px,-1px);clip-path:inset(40% 0 40% 0)}to{transform:translate(0);clip-path:inset(0 0 0 0)}}.fire-button__arrow{display:inline-block;font-family:var(--mono);font-size:1.1rem;transform:translate(0);transition:transform .35s cubic-bezier(.77,0,.18,1)}.fire-button:hover .fire-button__arrow{transform:translate(8px)}.fire-button__sparks{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;z-index:4}.spark{position:absolute;top:0;left:0;border-radius:50%;display:inline-block;will-change:transform,opacity}.footer{position:fixed;bottom:1.3rem;left:2rem;right:2rem;z-index:5;display:flex;justify-content:space-between;gap:1rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:var(--ink-dim);pointer-events:none}.footer .blink{color:var(--fire);animation:blink 1.4s steps(2,end) infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.25}}@media (max-width: 640px){.topbar{padding:1rem 1.1rem;font-size:.62rem}.topbar__logo{font-size:.9rem}.footer{left:1rem;right:1rem;font-size:.6rem;letter-spacing:.25em}.footer span:nth-child(2){display:none}.fire-button{padding:1.1rem 2rem;font-size:1rem;letter-spacing:.18em}.subtitle{margin-top:2rem}}@media (prefers-reduced-motion: reduce){.spark,.blink,.overline .dot{animation:none!important}*{transition-duration:.01ms!important}}