@import url("https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap");:root{--bg-base:#0a0a0f;--bg-surface:#0f0f1a;--bg-elevated:#141428;--cyan:#00d4ff;--cyan-dim:rgba(0,212,255,.15);--cyan-glow:rgba(0,212,255,.3);--violet:#7c3aed;--violet-dim:rgba(124,58,237,.15);--text-primary:#f0f0ff;--text-secondary:#88a;--text-muted:#55556a;--border:hsla(0,0%,100%,.07);--border-cyan:rgba(0,212,255,.2);--glass-bg:rgba(15,15,30,.6);--glass-border:hsla(0,0%,100%,.08);--font-heading:"Syne",sans-serif;--font-body:"DM Sans",sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:rgba(0,212,255,.3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(0,212,255,.6)}.cursor-glow{width:20px;height:20px;background:radial-gradient(circle,rgba(0,212,255,.8),transparent 70%);border-radius:50%;z-index:9999;transition:transform .05s ease,width .2s ease,height .2s ease,opacity .2s ease;mix-blend-mode:screen}.cursor-glow,.cursor-glow-outer{position:fixed;pointer-events:none;transform:translate(-50%,-50%)}.cursor-glow-outer{width:40px;height:40px;border:1px solid rgba(0,212,255,.3);border-radius:50%;z-index:9998;transition:transform .12s ease,width .3s ease,height .3s ease,opacity .3s ease}@media (max-width:768px){.cursor-glow,.cursor-glow-outer{display:none}}.gradient-mesh{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.gradient-mesh:before{width:80vw;height:80vw;max-width:900px;max-height:900px;background:radial-gradient(circle at center,rgba(0,212,255,.06) 0,transparent 70%);top:-20%;left:-10%;animation:meshFloat1 18s ease-in-out infinite alternate}.gradient-mesh:after,.gradient-mesh:before{content:"";position:absolute;border-radius:50%}.gradient-mesh:after{width:70vw;height:70vw;max-width:800px;max-height:800px;background:radial-gradient(circle at center,rgba(124,58,237,.07) 0,transparent 70%);bottom:-20%;right:-10%;animation:meshFloat2 22s ease-in-out infinite alternate}.gradient-mesh-extra{position:absolute;width:60vw;height:60vw;max-width:600px;max-height:600px;border-radius:50%;background:radial-gradient(circle at center,rgba(0,212,255,.04) 0,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:meshFloat3 26s ease-in-out infinite alternate}@keyframes meshFloat1{0%{transform:translate(0) scale(1)}50%{transform:translate(5vw,3vh) scale(1.1)}to{transform:translate(2vw,6vh) scale(.95)}}@keyframes meshFloat2{0%{transform:translate(0) scale(1)}50%{transform:translate(-4vw,-5vh) scale(1.08)}to{transform:translate(-2vw,-2vh) scale(.97)}}@keyframes meshFloat3{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-48%,-52%) scale(1.15);opacity:1}}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px}.text-cyan{color:var(--cyan)}.glow-cyan{text-shadow:0 0 20px rgba(0,212,255,.5),0 0 40px rgba(0,212,255,.2)}body:after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cyan);animation:pulse 2s ease-in-out infinite;box-shadow:0 0 0 0 rgba(0,212,255,.7)}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(0,212,255,.5)}50%{box-shadow:0 0 0 8px rgba(0,212,255,0)}}.typing-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--text-secondary);animation:typingBounce 1.2s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}.grid-bg{background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 0);background-size:60px 60px}.section-label{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin-bottom:16px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.glow-line{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.3}.code-block{background:#0d1117;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:12.5px;line-height:1.7;overflow:hidden}.code-block .code-header{background:#161b22;padding:10px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid hsla(0,0%,100%,.06)}.code-dot{width:12px;height:12px;border-radius:50%}main{position:relative;z-index:2}.btn-cyan{background:var(--cyan);color:#000;font-family:var(--font-body);font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-cyan:hover{background:#3df;box-shadow:0 0 24px rgba(0,212,255,.5);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-primary);font-family:var(--font-body);font-weight:500;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-ghost:hover{border-color:rgba(0,212,255,.4);color:var(--cyan);box-shadow:0 0 16px rgba(0,212,255,.1)}.step-connector{height:1px;background:linear-gradient(90deg,var(--cyan),var(--violet));opacity:.4;flex:1}.section{padding:100px 0}@media (max-width:768px){.section{padding:64px 0}}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width:768px){.container{padding:0 16px}}