:root{--bg:#050505;--gray:#d2d5db;--white:#f4f6f8;--blue:#7dd3fc;--orange:#ff6a00;--muted:rgba(244, 246, 248, 0.45);--font-display:"Space Grotesk",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:var(--bg);color:var(--white);font-family:var(--font-display);display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;top:50%;left:50%;width:150vmax;height:150vmax;margin:-75vmax 0 0 -75vmax;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(99,102,241,.2),rgba(167,139,250,.16),rgba(244,114,182,.14),rgba(125,211,252,.12),rgba(45,212,191,.16),rgba(99,102,241,.2));transform:rotate(-25deg);animation:wash 120s linear infinite;will-change:transform}@keyframes wash{to{transform:rotate(335deg)}}#particles{position:fixed;inset:0;width:100%;height:100%;z-index:0}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 56% 38% at 50% 50%,rgba(0,0,0,.78),transparent 100%),radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.6) 100%)}.footer,.hero,.topbar{position:relative;z-index:2}.topbar{display:flex;justify-content:flex-end;align-items:center;padding:clamp(1.25rem,3vw,2.25rem) clamp(1.25rem,4vw,3rem);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.lang{display:flex;align-items:center;gap:.5rem}.lang button{background:0 0;border:0;padding:.35rem .25rem;font:inherit;letter-spacing:inherit;color:var(--muted);cursor:pointer;transition:color .25s ease,text-shadow .25s ease}.lang button:hover{color:var(--white)}.lang button[aria-pressed=true]{color:var(--orange);text-shadow:0 0 12px rgba(255,106,0,.55)}.lang button:focus-visible{outline:1px solid var(--blue);outline-offset:3px}.hero{display:flex;flex-direction:column;align-items:center;justify-content:normal;text-align:center;padding:0 1.5rem;margin:8em 0 0 0}.wordmark{display:flex;font-size:clamp(3.25rem, 14vw, 10rem);font-weight:700;line-height:1;letter-spacing:-.045em;color:var(--gray);text-shadow:0 0 36px rgba(0,0,0,.9),0 4px 18px rgba(0,0,0,.7)}.wordmark span{display:inline-block;opacity:0;transform:translateY(.25em);filter:blur(8px);animation:rise 1s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i) * 70ms + 200ms)}.wordmark .accent{color:#ff6f0f;text-shadow:0 0 30px rgba(255,106,0,.6),0 4px 18px rgba(0,0,0,.6);animation:rise 1s cubic-bezier(.2,.7,.2,1) forwards,glow 4s ease-in-out 1.6s infinite;animation-delay:calc(var(--i) * 70ms + 200ms),1.6s}.wordmark span:not(.accent){animation:rise 1s cubic-bezier(.2,.7,.2,1) forwards,shimmer 8s ease-in-out infinite;animation-delay:calc(var(--i) * 70ms + 200ms),calc(var(--i) * .22s + 2.4s)}.rule{width:min(280px,50vw);height:1px;margin:clamp(1.5rem,4vw,2.5rem) 0;background:linear-gradient(90deg,transparent,var(--blue),transparent);transform:scaleX(0);animation:grow 1.4s ease-out 1s forwards}.tags{display:flex;gap:clamp(1rem,3vw,2rem);list-style:none;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;color:var(--blue);opacity:0;animation:fade 1.2s ease-out 1.4s forwards}.tags li+li::before{content:"";display:inline-block;width:4px;height:4px;margin-right:clamp(1rem,3vw,2rem);vertical-align:middle;border-radius:50%;background:var(--orange)}.footer{display:flex;justify-content:space-between;padding:clamp(1.25rem,3vw,2.25rem) clamp(1.25rem,4vw,3rem);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;color:var(--muted)}[data-i18n]{transition:opacity .25s ease}.swapping [data-i18n]{opacity:0!important}@keyframes rise{to{opacity:1;transform:none;filter:blur(0)}}@keyframes fade{to{opacity:1}}@keyframes grow{to{transform:scaleX(1)}}@keyframes glow{50%{text-shadow:0 0 46px rgba(255,106,0,.85),0 0 8px rgba(255,106,0,.6)}}@keyframes shimmer{0%,100%,40%{color:var(--gray);text-shadow:0 0 36px rgba(0,0,0,.9),0 4px 18px rgba(0,0,0,.7)}18%{color:#fff;text-shadow:0 0 36px rgba(255,255,255,.45),0 4px 18px rgba(0,0,0,.7)}}@media (max-width:520px){.tags{flex-wrap:wrap;justify-content:center;font-size:.68rem}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation:none!important;transition:none!important}.rule,.tags,.wordmark span{opacity:1;transform:none;filter:none}}