body{color:#f4f4f4;background:#060608;overflow:hidden}:root{--bg:#060608;--fg:#f4f4f4;--muted:#8a8a8a;--dim:#5a5a5a;--accent:#ea2326;--accent-glow:#ea232666;--mesh-1:#ea23261f;--mesh-2:#7828c80f;--mesh-3:#ea23260d}.bg-mesh{z-index:0;pointer-events:none;position:fixed;inset:0}.bg-mesh:before{content:"";background:radial-gradient(ellipse 600px 600px at 30% 30%, var(--mesh-1) 0%, transparent 70%), radial-gradient(ellipse 500px 500px at 70% 70%, var(--mesh-2) 0%, transparent 70%), radial-gradient(ellipse 700px 700px at 50% 50%, var(--mesh-3) 0%, transparent 70%);animation:30s ease-in-out infinite alternate meshFloat;position:absolute;inset:-10%}@keyframes meshFloat{0%{transform:translate(0)scale(1)}to{transform:translate(-2%,2%)scale(1.05)}}.grain{z-index:1;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.scanlines{z-index:2;pointer-events:none;opacity:.6;background-image:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 4px);position:fixed;inset:0}main{z-index:3;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(20px,3vw,32px);min-height:100vh;padding:clamp(24px,5vw,48px);display:flex;position:relative}.badge{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);-webkit-backdrop-filter:blur(10px);opacity:0;background:#ea232614;border:1px solid #ea232659;border-radius:999px;align-items:center;gap:10px;padding:9px 16px;font-size:11px;font-weight:600;animation:.9s .1s forwards fadeUp;display:inline-flex}.badge .dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:1.4s ease-in-out infinite pulseDot}.title{letter-spacing:-.04em;background:linear-gradient(#fff 0%,#4a4a4a 100%);-webkit-text-fill-color:transparent;opacity:0;-webkit-background-clip:text;background-clip:text;font-size:clamp(54px,12vw,168px);font-weight:800;line-height:.92;animation:1s cubic-bezier(.2,.8,.2,1) .3s forwards fadeUp;position:relative}.title:before,.title:after{content:attr(data-text);-webkit-text-fill-color:initial;color:var(--accent);opacity:.55;mix-blend-mode:screen;pointer-events:none;background:0 0;position:absolute;inset:0}.title:before{animation:4s step-end 1.4s infinite glitchA}.title:after{color:#38d6ff;animation:4s step-end 1.4s infinite glitchB}@keyframes glitchA{0%,92%,to{opacity:0;transform:translate(0)}93%{opacity:.55;transform:translate(-3px,1px)}95%{opacity:.55;transform:translate(2px,-1px)}97%{opacity:.55;transform:translate(-1px,2px)}}@keyframes glitchB{0%,92%,to{opacity:0;transform:translate(0)}93%{opacity:.45;transform:translate(2px,-1px)}95%{opacity:.45;transform:translate(-2px,1px)}97%{opacity:.45;transform:translate(1px,-2px)}}.cursor{background:var(--accent);-webkit-text-fill-color:var(--accent);width:.55ch;margin-left:.06em;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.subtitle{max-width:600px;color:var(--muted);opacity:0;font-size:clamp(15px,1.5vw,18px);line-height:1.65;animation:1s .55s forwards fadeUp}.subtitle .accent{color:var(--fg);font-weight:500}.build{-webkit-backdrop-filter:blur(14px);width:min(520px,92vw);font-family:var(--font-jetbrains), "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;text-align:left;opacity:0;background:#ffffff06;border:1px solid #ffffff14;border-radius:14px;padding:18px 22px 20px;animation:1s .8s forwards fadeUp}.build-row{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);justify-content:space-between;align-items:center;font-size:11px;font-weight:500;display:flex}.build-row .pct{color:var(--fg)}.bar{background:#ffffff0d;border-radius:999px;height:8px;margin-top:12px;position:relative;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#ea2326,#ff6b6b) 0 0/200% 100%;border-radius:999px;width:0;animation:2.4s cubic-bezier(.2,.8,.2,1) 1.1s forwards fill,2.5s linear 3.5s infinite shimmer;position:absolute;inset:0;box-shadow:0 0 16px #ea232699}.bar-fill:after{content:"";background-image:repeating-linear-gradient(45deg,#ffffff2e 0 6px,#0000 6px 12px);background-size:24px 24px;animation:1s linear infinite stripe;position:absolute;inset:0}@keyframes fill{to{width:var(--target,73%)}}@keyframes stripe{0%{background-position:0 0}to{background-position:24px 0}}@keyframes shimmer{0%,to{background-position:0 0}50%{background-position:100% 0}}.build-meta{color:var(--dim);justify-content:space-between;margin-top:12px;font-size:11px;display:flex}.build-meta .live{color:var(--accent)}.home-link{letter-spacing:.18em;text-transform:uppercase;color:var(--fg);-webkit-backdrop-filter:blur(10px);opacity:0;background:#ffffff08;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:10px;padding:12px 22px;font-size:12px;font-weight:500;text-decoration:none;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s;animation:1s 1.05s forwards fadeUp;display:inline-flex}.home-link:hover{border-color:var(--accent);background:#ea23261a;transform:translateY(-1px);box-shadow:0 0 24px #ea232640}.home-link svg{width:12px;height:12px;transition:transform .2s}.home-link:hover svg{transform:translate(-2px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}
