@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--brand-primary:#333289;--brand-primary-hover:#27266d;--brand-primary-light:#ecebfa;--brand-primary-subtle:#3332890f;--brand-primary-glow:#33328926;--brand-tech-blue:#2563eb;--brand-tech-cyan:#0284c7;--brand-tech-violet:#6366f1;--brand-emerald:#059669;--brand-amber:#d97706;--bg-main:#fff;--bg-surface:#f8fafc;--bg-surface-raised:#fff;--bg-card:#fff;--bg-muted:#f1f5f9;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-subtle:#94a3b8;--text-inverse:#fff;--border-light:#e2e8f0;--border-focus:#333289;--border-subtle:#f1f5f9;--shadow-sm:0 1px 2px 0 #0f172a0d;--shadow-md:0 4px 6px -1px #0f172a12, 0 2px 4px -2px #0f172a0d;--shadow-lg:0 10px 15px -3px #33328914, 0 4px 6px -4px #0f172a0a;--shadow-xl:0 20px 25px -5px #3332891f, 0 8px 10px -6px #0f172a0a;--shadow-glow:0 0 25px -5px #3332894d;--font-display:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--max-width:1240px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}.tech-grid-bg{background-image:linear-gradient(90deg,#3332890a 1px,#0000 1px),linear-gradient(#3332890a 1px,#0000 1px);background-size:40px 40px}.tech-dot-bg{background-image:radial-gradient(#3332891f 1px,#0000 1px);background-size:24px 24px}.glass-panel{-webkit-backdrop-filter:blur(16px);background:#ffffffe0;border:1px solid #e2e8f0e6}.glass-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8fafcd9;border:1px solid #e2e8f0cc}.brand-gradient-bg{background:linear-gradient(135deg,#333289 0%,#4338ca 50%,#4f46e5 100%)}.brand-gradient-text{background:linear-gradient(135deg,#333289 0%,#4f46e5 60%,#0284c7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}@media (max-width:640px){.container{padding:0 1rem}}.btn-primary{color:#fff;border-radius:var(--radius-full);cursor:pointer;background:linear-gradient(135deg,#333289 0%,#3d3b9e 100%);border:1px solid #ffffff26;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.625rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #33328947}.btn-primary:hover{background:linear-gradient(135deg,#2a2973 0%,#333289 100%);transform:translateY(-2px);box-shadow:0 8px 22px #33328961}.btn-secondary{color:var(--brand-primary);border-radius:var(--radius-full);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.625rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-secondary:hover{border-color:var(--brand-primary);background:var(--brand-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{color:var(--text-main);border-radius:var(--radius-full);border:1px solid var(--border-light);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-outline:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--brand-primary-subtle)}.badge-tech{letter-spacing:.02em;text-transform:uppercase;border-radius:var(--radius-full);background:var(--brand-primary-light);color:var(--brand-primary);border:1px solid #33328926;align-items:center;gap:.4rem;padding:.35rem .875rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-dot{background-color:var(--brand-primary);width:6px;height:6px;box-shadow:0 0 8px var(--brand-primary);border-radius:50%;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.3)}to{opacity:.7;transform:scale(.95)}}.interactive-card{border:1px solid var(--border-light);background:var(--bg-card);transition:all .3s cubic-bezier(.16,1,.3,1)}.interactive-card:hover{border-color:#33328959;transform:translateY(-4px);box-shadow:0 16px 32px -8px #3332891f,0 4px 8px -2px #0f172a0a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.glow-orb{pointer-events:none;filter:blur(80px);opacity:.45;background:radial-gradient(circle,#33328947 0%,#6366f126 50%,#0000 70%);border-radius:50%;position:absolute}