:root{--bg:oklch(16% .014 296);--bg-deep:oklch(11.5% .014 297);--ink:oklch(97% .005 300);--muted:oklch(68% .02 300);--faint:oklch(50% .02 300);--accent:oklch(58% .25 303);--accent-deep:oklch(58% .25 303/.16);--tile:oklch(30% .02 300);--line:oklch(97% .005 300/.09);--line-soft:oklch(97% .005 300/.055)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg-deep);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:General Sans,system-ui,sans-serif;overflow:hidden}#root{height:100%}.stage{isolation:isolate;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}#mosaic{z-index:0;display:block;position:absolute;inset:0}.vignette{z-index:1;pointer-events:none;background:radial-gradient(58% 62% at 50% 48%, var(--bg-deep) 0%, transparent 62%), radial-gradient(120% 120% at 50% 50%, transparent 55%, var(--bg-deep) 100%);position:absolute;inset:0}.topbar{z-index:4;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);justify-content:space-between;align-items:center;padding:clamp(18px,2.4vw,30px) clamp(20px,3.2vw,46px);font-family:Space Mono,ui-monospace,monospace;font-size:clamp(.62rem,1.05vw,.72rem);display:flex;position:fixed;top:0;left:0;right:0}.brand{color:var(--ink);align-items:center;gap:.5em;display:flex}.brand .logo{width:auto;height:1.9em;display:block}.brand b{letter-spacing:-.01em;text-transform:lowercase;font-family:Clash Display;font-size:1.45em;font-weight:700}.brand sup{color:var(--faint);font-size:.7em}.sysstat{align-items:center;gap:.6em;display:flex}.led{background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px 1px var(--accent);border-radius:50%;animation:2.4s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.content{z-index:3;text-align:center;max-width:1040px;padding:0 6vw;transition:transform .5s cubic-bezier(.16,1,.3,1);position:relative}.badge{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);background:oklch(97% .005 255/.03);border-radius:999px;align-items:center;gap:.6em;margin-bottom:clamp(1.6rem,3.2vw,2.4rem);padding:.5em .95em .5em .8em;font-family:Space Mono,monospace;font-size:clamp(.6rem,1.05vw,.72rem);display:inline-flex}.badge .dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 0 var(--accent);border-radius:50%;animation:2.6s ease-out infinite pulse}@keyframes pulse{0%{box-shadow:0 0 oklch(58% .25 303/.55)}70%{box-shadow:0 0 0 8px oklch(58% .25 303/0)}to{box-shadow:0 0 oklch(58% .25 303/0)}}h1{letter-spacing:-.025em;color:var(--ink);font-family:Clash Display,system-ui,sans-serif;font-size:clamp(2.9rem,9vw,7.4rem);font-weight:700;line-height:.96}h1 .line{white-space:nowrap;display:block}h1 .accent{color:var(--accent);background:linear-gradient(180deg, var(--ink) 0%, var(--accent) 78%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sub{max-width:50ch;color:var(--muted);margin:clamp(1.5rem,3vw,2.2rem) auto 0;font-size:clamp(.95rem,1.55vw,1.18rem);font-weight:400;line-height:1.6}.progress{background:var(--line-soft);border-radius:2px;width:min(320px,62vw);height:2px;margin:clamp(2.2rem,4.5vw,3.2rem) auto 0;position:relative;overflow:hidden}.progress:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);width:42%;animation:3.8s cubic-bezier(.45,0,.55,1) infinite sweep;position:absolute;inset:0}@keyframes sweep{0%{transform:translate(-120%)}to{transform:translate(300%)}}.footer{z-index:4;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);justify-content:space-between;align-items:center;padding:clamp(18px,2.4vw,30px) clamp(20px,3.2vw,46px);font-family:Space Mono,monospace;font-size:clamp(.6rem,1.05vw,.7rem);display:flex;position:fixed;bottom:0;left:0;right:0}.footer a{color:var(--muted);text-decoration:none;transition:color .2s}.footer a:hover{color:var(--accent)}.grain{z-index:5;pointer-events:none;opacity:.045;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:1.1s steps(2,end) infinite grainshift;position:fixed;inset:0}@keyframes grainshift{0%{transform:translate(0)}50%{transform:translate(-3%,2%)}to{transform:translate(2%,-2%)}}@media (width<=560px){h1 .line{white-space:normal}.footer .br,.sysstat .label{display:none}}@media (prefers-reduced-motion:reduce){.progress:before,.led,.badge .dot,.grain{animation:none!important}}