:root{--bg: #02051a;--primary: #FFD662;--secondary: #01539D;--white: #FFFFFF;--text-primary: #FFFFFF;--text-secondary: rgba(255,255,255,.55);--text-muted: rgba(255,255,255,.35);--surface-card: rgba(255,255,255,.06);--surface-elevated: rgba(255,255,255,.09);--surface-code: rgba(255,255,255,.04);--border-subtle: rgba(255,255,255,.08);--border-default: rgba(255,255,255,.12);--border-strong: rgba(255,255,255,.2);--shadow-card: 0 1px 3px rgba(0,0,0,.4), 0 4px 12px rgba(0,0,0,.3);--shadow-elevated: 0 4px 24px rgba(0,0,0,.5), 0 12px 32px rgba(0,0,0,.3);--shadow-glow: 0 0 24px rgba(255,214,98,.2), 0 4px 12px rgba(0,0,0,.4);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#02051a;background-image:linear-gradient(to right,rgba(1,83,157,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(1,83,157,.08) 1px,transparent 1px);background-size:48px 48px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Roboto,sans-serif;font-weight:400;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#02051a}::-webkit-scrollbar-thumb{background:#ffd6624d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffd66299}h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,Roboto,sans-serif;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:#fff}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;outline:none}button:focus-visible{outline:2px solid #FFD662;outline-offset:3px}input:focus-visible{outline:2px solid #FFD662;outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.85}}@keyframes progressSlide{0%{width:0%}to{width:var(--progress-target)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f,#ffffff0f 75%);background-size:600px 100%;animation:shimmer 1.6s infinite linear;border-radius:var(--radius-sm)}.fade-in-up{animation:fadeInUp .35s cubic-bezier(.34,1.56,.64,1) both}.text-primary{color:#fff}.text-muted{color:#ffffff59}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:48px}.hero-diagram-col{order:2}}@keyframes particleBurst{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}@keyframes diagramFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes svgNodeGlowY{0%,to{opacity:.8}50%{opacity:1}}@keyframes svgNodeGlowB{0%,to{opacity:.55}50%{opacity:.9}}@keyframes flowLine{0%{stroke-dashoffset:10}to{stroke-dashoffset:0}}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes terminalProgress{0%{width:0%}to{width:68%}}
