@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Rajdhani:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary:#020b18;--bg-secondary:#061222;--bg-card:#061222b3;--bg-glass:#0a193280;--bg-glass-light:#ffffff0a;--text-primary:#e8f4fd;--text-secondary:#94b8d4;--text-muted:#567799;--accent-cyan:#00d4ff;--accent-blue:#0ea5e9;--accent-purple:#7c3aed;--accent-green:#10b981;--border-glass:#00d4ff1f;--border-hover:#00d4ff59;--glow-cyan:0 0 20px #00d4ff4d;--glow-blue:0 0 30px #0ea5e940;--glow-strong:0 0 40px #00d4ff80;--gradient-primary:linear-gradient(135deg, #00d4ff 0%, #0ea5e9 50%, #7c3aed 100%);--gradient-hero:linear-gradient(135deg, #020b18 0%, #061828 40%, #091f3a 70%, #0d2444 100%);--gradient-card:linear-gradient(135deg, #00d4ff0d 0%, #0ea5e908 100%);--gradient-section:linear-gradient(180deg, #020b18 0%, #061222 50%, #020b18 100%);--nav-height:70px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--transition-fast:.2s ease;--transition-normal:.35s ease;--transition-slow:.6s ease;--font-body:"Inter", sans-serif;--font-head:"Rajdhani", sans-serif;--font-mono:"JetBrains Mono", monospace}[data-theme=light]{--bg-primary:#f0f6ff;--bg-secondary:#e2eeff;--bg-card:#ffffffbf;--bg-glass:#fff9;--bg-glass-light:#0ea5e90f;--text-primary:#0d1b2e;--text-secondary:#1e3a5f;--text-muted:#4a6fa5;--border-glass:#0ea5e92e;--border-hover:#0ea5e973;--glow-cyan:0 4px 20px #0ea5e933;--glow-blue:0 4px 30px #0ea5e926;--glow-strong:0 4px 40px #0ea5e94d;--gradient-hero:linear-gradient(135deg, #e8f4ff 0%, #d0e8ff 40%, #c0dcff 70%, #b0d0ff 100%);--gradient-section:linear-gradient(180deg, #f0f6ff 0%, #e8f0ff 50%, #f0f6ff 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .4s,color .4s;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--accent-cyan), var(--accent-blue));border-radius:3px}h1,h2,h3,h4{font-family:var(--font-head);line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-body)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0;position:relative}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg)}.glass-hover{transition:all var(--transition-normal)}.glass-hover:hover{border-color:var(--border-hover);box-shadow:var(--glow-cyan);transform:translateY(-4px)}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-blue));color:#020b18;border-radius:var(--radius-md);transition:all var(--transition-normal);letter-spacing:.5px;border:none;align-items:center;gap:8px;padding:12px 28px;font-size:.9rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));opacity:0;transition:opacity var(--transition-normal);position:absolute;inset:0}.btn-primary:hover{box-shadow:var(--glow-strong);transform:translateY(-2px)}.btn-primary:hover:before{opacity:1}.btn-primary span,.btn-primary svg{z-index:1;position:relative}.btn-outline{color:var(--accent-cyan);border:1.5px solid var(--accent-cyan);border-radius:var(--radius-md);transition:all var(--transition-normal);letter-spacing:.5px;background:0 0;align-items:center;gap:8px;padding:11px 28px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-outline:hover{box-shadow:var(--glow-cyan);background:#00d4ff1a;transform:translateY(-2px)}.btn-ghost{background:var(--bg-glass-light);color:var(--text-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-sm);transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 18px;font-size:.82rem;font-weight:500;display:inline-flex}.btn-ghost:hover{border-color:var(--border-hover);color:var(--accent-cyan);background:#00d4ff12}.tag{color:var(--accent-cyan);font-size:.75rem;font-weight:500;font-family:var(--font-mono);transition:all var(--transition-fast);background:#00d4ff14;border:1px solid #00d4ff33;border-radius:20px;padding:4px 12px;display:inline-block}.tag:hover{border-color:var(--accent-cyan);background:#00d4ff26}.section-badge{color:var(--accent-cyan);font-size:.78rem;font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;background:#00d4ff14;border:1px solid #00d4ff33;border-radius:20px;margin-bottom:14px;padding:5px 16px;font-weight:500;display:inline-block}.cyber-grid{pointer-events:none;background-image:linear-gradient(#00d4ff08 1px,#0000 1px),linear-gradient(90deg,#00d4ff08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.glow-orb{filter:blur(80px);pointer-events:none;opacity:.35;border-radius:50%;position:absolute}.glow-orb-cyan{background:var(--accent-cyan)}.glow-orb-blue{background:var(--accent-blue)}.glow-orb-purple{background:var(--accent-purple)}.progress-bar-wrap{background:#ffffff0f;border-radius:3px;width:100%;height:6px;margin-top:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-blue));transform-origin:0;border-radius:3px;height:100%;box-shadow:0 0 8px #00d4ff80}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-input{background:var(--bg-glass-light);border:1px solid var(--border-glass);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:all var(--transition-fast);outline:none;padding:14px 18px;font-size:.92rem}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--accent-cyan);background:#00d4ff0a;box-shadow:0 0 0 3px #00d4ff1a}@media (width<=1024px){.section{padding:80px 0}}@media (width<=768px){.section{padding:64px 0}.container{padding:0 20px}}@media (width<=480px){.section{padding:48px 0}.container{padding:0 16px}}