@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Roboto+Mono:wght@400;500&display=swap";:root{font-family:Roboto,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--brand-night: #0f2540;--brand-teal: #52c4a9;--brand-lavender: #95acff;--brand-midnight: #08182d;--brand-white: #ffffff;color:var(--brand-white);background-color:var(--brand-night);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(149,172,255,.18),transparent 55%),var(--brand-night);color:var(--brand-white)}#app{min-height:100vh}.page{position:relative;min-height:100vh;padding:clamp(2rem,5vw,4rem);display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(140deg,#08182de6,#0f2540f2)}.motion-layer{position:absolute;inset:0;z-index:0;pointer-events:none}.motion-glow{background:radial-gradient(circle at 30% 20%,rgba(82,196,169,.35),transparent 40%),radial-gradient(circle at 80% 0%,rgba(149,172,255,.35),transparent 45%);filter:blur(40px);animation:pulse 7s ease-in-out infinite}.arrow-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.arrow{position:absolute;width:140px;height:2px;background:linear-gradient(90deg,transparent,rgba(149,172,255,.2),rgba(82,196,169,.85));transform:rotate(-45deg);border-radius:999px;opacity:.65;animation:arrowRun var(--duration, 10s) linear infinite;animation-delay:var(--delay, 0s);top:var(--top, 50%);left:var(--left, -40%)}.arrow:after{content:"";position:absolute;right:-6px;top:-4px;border-left:10px solid rgba(82,196,169,.9);border-top:5px solid transparent;border-bottom:5px solid transparent}.content{position:relative;z-index:2;text-align:center;width:min(680px,100%);padding:clamp(2.5rem,5vw,3.5rem);border-radius:32px;border:1px solid rgba(149,172,255,.25);background:#08182da6;box-shadow:0 20px 80px #010710b3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}h1{margin:0;font-size:clamp(2.75rem,8vw,4.5rem);letter-spacing:.04em;color:var(--brand-white);text-shadow:0 0 25px rgba(149,172,255,.4)}.progress-block{margin-top:2rem}.progress-subtitle{margin:0 0 1rem;font-size:.95rem;text-transform:uppercase;letter-spacing:.2em;color:#ffffffa6}.progress-bar{width:100%;height:24px;border-radius:999px;background:#ffffff1f;overflow:hidden;border:1px solid rgba(149,172,255,.3);position:relative}.progress-fill{--progress: 0%;width:var(--progress);height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:1rem;border-radius:inherit;background:linear-gradient(90deg,#52c4a9f2,#95acfff2);box-shadow:0 5px 25px #52c4a973;animation:fillGrow 2.5s ease-out forwards}.progress-value{font-size:.85rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--brand-night)}.code-rain{position:relative;margin-top:clamp(2.5rem,6vw,4rem);width:min(640px,100%);height:clamp(120px,40vw,200px);padding:clamp(1rem,3vw,1.5rem);border-radius:28px;border:1px solid rgba(149,172,255,.25);background:#08182db3;overflow:hidden;display:flex;gap:clamp(.75rem,2vw,1.5rem);isolation:isolate}.code-grid{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(149,172,255,.15),transparent 55%),radial-gradient(circle at 80% 10%,rgba(82,196,169,.1),transparent 45%);opacity:.35;z-index:0}.code-column{position:relative;flex:1;overflow:hidden}.code-stream{display:flex;flex-direction:column;gap:.6rem;animation:fall var(--speed) linear infinite;animation-delay:var(--delay);will-change:transform}.code-line{font-family:Roboto Mono,Roboto,monospace;font-size:clamp(.75rem,1.5vw,.95rem);color:#95acffe6;letter-spacing:.05em;text-shadow:0 0 8px rgba(149,172,255,.55);padding-left:.35rem;border-left:2px solid rgba(82,196,169,.5)}.code-line:nth-child(2n){color:#52c4a9e6;border-left-color:#95acff73}.code-fade{position:absolute;inset:0;pointer-events:none;z-index:2}.code-fade.top{background:linear-gradient(180deg,rgba(8,24,45,.95),transparent 45%)}.code-fade.bottom{background:linear-gradient(0deg,rgba(8,24,45,.95),transparent 45%);bottom:0}@media(max-width:600px){.content{border-radius:20px;padding:2rem}.progress-subtitle{letter-spacing:.15em}.progress-bar{height:20px}}@media(prefers-reduced-motion:reduce){.motion-layer,.arrow,.progress-fill,.tower rect,.crane rect{animation:none!important}}@keyframes drift{0%{transform:translate3d(-5%,0,0)}to{transform:translate3d(5%,0,0)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.9}}@keyframes arrowRun{0%{transform:translate3d(-40%,0,0) rotate(-45deg);opacity:0}15%{opacity:.8}to{transform:translate3d(160%,0,0) rotate(-45deg);opacity:0}}@keyframes fillGrow{0%{width:0}to{width:var(--progress)}}@keyframes fall{0%{transform:translateY(-110%)}to{transform:translateY(110%)}}