:root{--bg-dark:#030014;--bg-deep:#06081c;--bg-surface:#0b0e29;--bg-card:#0b0e26b3;--bg-card-hover:#12183ed9;--border-glass:#ffffff14;--border-glow:#00f2fe4d;--border-violet:#a855f759;--cyan-core:#00f2fe;--cyan-glow:#4facfe;--violet-core:#7928ca;--violet-glow:#a855f7;--purple-accent:#c084fc;--emerald-accent:#10b981;--rose-accent:#f43f5e;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--text-on-accent:#030014;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-subheading:"Sora", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--glow-cyan:0 0 25px #00f2fe59;--glow-violet:0 0 25px #a855f759;--glow-button:0 4px 20px #00f2fe59, inset 0 0 12px #fff3;--shadow-card:0 12px 35px #00000073;--nebula-1:#7928ca29;--nebula-2:#00f2fe1f;--grid-line:#ffffff05;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px}[data-theme=light]{--bg-dark:#f8fafc;--bg-deep:#f1f5f9;--bg-surface:#fff;--bg-card:#ffffffd9;--bg-card-hover:#fffffffa;--border-glass:#0f172a17;--border-glow:#00b4d866;--border-violet:#7e22ce4d;--cyan-core:#0284c7;--cyan-glow:#0ea5e9;--violet-core:#7c3aed;--violet-glow:#9333ea;--purple-accent:#7e22ce;--emerald-accent:#059669;--rose-accent:#e11d48;--text-main:#0f172a;--text-muted:#475569;--text-dim:#64748b;--text-on-accent:#fff;--glow-cyan:0 0 20px #0284c740;--glow-violet:0 0 20px #7c3aed40;--glow-button:0 4px 18px #0284c74d;--shadow-card:0 12px 30px #0f172a14;--nebula-1:#7c3aed14;--nebula-2:#0284c712;--grid-line:#0f172a09}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .25s,border-color .25s,color .15s}html{scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}.bg-canvas-container{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.ambient-nebula-1{background:radial-gradient(circle, var(--nebula-1) 0%, transparent 70%);filter:blur(80px);border-radius:50%;width:60vw;height:60vw;animation:14s ease-in-out infinite alternate pulseNebula;position:absolute;top:-15%;left:15%}.ambient-nebula-2{background:radial-gradient(circle, var(--nebula-2) 0%, transparent 70%);filter:blur(90px);border-radius:50%;width:55vw;height:55vw;animation:18s ease-in-out infinite alternate-reverse pulseNebula;position:absolute;top:40%;right:-10%}.ambient-nebula-3{background:radial-gradient(circle, var(--nebula-1) 0%, transparent 70%);filter:blur(100px);border-radius:50%;width:50vw;height:50vw;position:absolute;bottom:-20%;left:5%}.cyber-grid-overlay{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000000e6 0%,#0003 80%);mask-image:radial-gradient(#000000e6 0%,#0003 80%)}@keyframes pulseNebula{0%{opacity:.7;transform:scale(1)translate(0)}50%{opacity:1;transform:scale(1.15)translate(30px,20px)}to{opacity:.6;transform:scale(.95)translate(-20px,-15px)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.025em;color:var(--text-main);font-weight:700}.font-mono{font-family:var(--font-mono)}.font-sub{font-family:var(--font-subheading)}.gradient-text{background:linear-gradient(135deg, var(--text-main) 10%, #a855f7 50%, var(--cyan-core) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.gradient-cyan-violet{background:linear-gradient(135deg, var(--cyan-core) 0%, var(--violet-core) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-quantum{background:linear-gradient(135deg, #a855f7 0%, var(--cyan-core) 50%, #10b981 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{background:var(--bg-card-hover);border-color:#00f2fe40}.glass-panel-glow{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-violet);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all .3s;position:relative}.glass-panel-glow:hover{border-color:var(--cyan-core);box-shadow:var(--glow-cyan);transform:translateY(-4px)}.btn-primary{font-family:var(--font-heading);color:var(--text-on-accent);cursor:pointer;box-shadow:var(--glow-button);background:linear-gradient(135deg,#00f2fe 0%,#38bdf8 50%,#a855f7 100%);border:none;border-radius:9999px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:.96rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}[data-theme=light] .btn-primary{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#2563eb 60%,#7c3aed 100%)}.btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 30px #00f2fe8c,inset 0 0 15px #ffffff4d}.btn-secondary{font-family:var(--font-heading);color:var(--text-main);border:1px solid var(--border-glass);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border-radius:9999px;justify-content:center;align-items:center;gap:10px;padding:13px 26px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}[data-theme=light] .btn-secondary{background:#0000000a;border-color:#0000001a}.btn-secondary:hover{border-color:var(--cyan-core);color:var(--cyan-core);background:#ffffff1f;transform:translateY(-2px)}.btn-glow-violet{border:1px solid var(--border-violet);color:var(--text-main);background:linear-gradient(135deg,#7928ca40 0%,#a855f726 100%)}.btn-glow-violet:hover{border-color:var(--violet-glow);box-shadow:var(--glow-violet);background:linear-gradient(135deg,#7928ca73 0%,#a855f74d 100%)}.badge-pill{letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border-radius:9999px;align-items:center;gap:6px;padding:5px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.badge-cyan{color:var(--cyan-core);background:#00f2fe1a;border-color:#00f2fe59}.badge-violet{color:var(--purple-accent);background:#a855f71a;border-color:#a855f759}.app-container{z-index:1;flex-direction:column;width:100%;max-width:100vw;min-height:100vh;display:flex;position:relative;overflow-x:hidden}html,body,#root{width:100%;max-width:100vw;overflow-x:hidden}.content-section{box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:0 24px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#00f2fe73}[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000029}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#0284c773}*{scrollbar-width:thin;scrollbar-color:#ffffff29 transparent}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes floatAnim{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(1deg)}}.animate-float{animation:5s ease-in-out infinite floatAnim}@keyframes floatReverse{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(8px)rotate(-1deg)}}.animate-float-reverse{animation:6s ease-in-out infinite floatReverse}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.animate-pulse-glow{animation:4s ease-in-out infinite pulseGlow}.code-preview-window{font-family:var(--font-mono);background:#040718f2;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #0009}[data-theme=light] .code-preview-window{background:#0f172a;border-color:#00000026;box-shadow:0 20px 40px #0f172a2e}@media (width<=960px){.hero-grid-layout{grid-template-columns:1fr!important;gap:36px!important;min-height:auto!important}}@media (width<=768px){.content-section{padding:0 16px!important}.glass-panel{border-radius:20px!important;padding:22px!important}.hero-headline{font-size:clamp(2rem,7vw,2.75rem)!important;line-height:1.15!important}.hero-subtitle{margin-bottom:24px!important;font-size:.96rem!important;line-height:1.6!important}.hero-actions-container{flex-direction:column!important;gap:12px!important;width:100%!important}.hero-actions-container button{justify-content:center!important;width:100%!important}.hero-metrics-strip{gap:12px!important;padding-top:18px!important}.hero-metrics-strip>div>div:first-child{font-size:1.25rem!important}.hero-metrics-strip>div>div:last-child{font-size:.68rem!important}.three-canvas-container{height:400px!important;min-height:400px!important}}@media (width<=480px){.hero-metrics-strip{grid-template-columns:1fr 1fr 1fr!important;gap:8px!important}.hero-metrics-strip>div>div:first-child{font-size:1.1rem!important}.hero-metrics-strip>div>div:last-child{font-size:.62rem!important}.three-canvas-container{height:360px!important;min-height:360px!important}}