@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&family=Fira+Code:wght@400;500&display=swap";:root{--bg-deep:#f8fafc;--bg-card:#fff;--bg-card-header:#0f172a08;--bg-card-hover:#fff;--border-glass:#e2e8f0;--border-glass-hover:#3b82f6;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--color-primary:#3b82f6;--color-primary-light:#1d4ed8;--color-secondary:#0d9488;--color-secondary-light:#0f766e;--color-accent:#6366f1;--btn-primary-bg:#0f172a;--btn-primary-text:#fff;--btn-secondary-bg:#f1f5f9;--btn-secondary-text:#0f172a;--btn-secondary-border:#e2e8f0;--filter-btn-bg:#f1f5f9;--filter-btn-text:#475569;--filter-btn-active-bg:#0f172a;--filter-btn-active-text:#fff;--primary-glow:#3b82f614;--secondary-glow:#0d948814;--accent-glow:#6366f114;--grid-line:#0f172a0a;--bg-header:#f8fafcd9;--bg-footer:#f1f5f9;--logo-text-color:#fff;--badge-bg:#0f172a0a;--badge-border:#0f172a14;--stat-card-bg:#0f172a05;--code-bg:#0f172a;--code-header:#1e293b;--code-text:#f8fafc;--code-comment:#64748b;--code-keyword:#f472b6;--code-class:#38bdf8;--code-string:#34d399;--code-function:#fbbf24;--code-annotation:#c084fc;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", sans-serif;--font-mono:"Fira Code", monospace;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .2s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000a, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000000d, 0 8px 10px -6px #0000000d;--shadow-primary:0 10px 15px -3px #3b82f626;--shadow-secondary:0 10px 15px -3px #0d948826}[data-theme=dark]{--bg-deep:#080c14;--bg-card:#111827b3;--bg-card-header:#0a0f1e80;--bg-card-hover:#1a2439d9;--border-glass:#ffffff12;--border-glass-hover:#00cc8873;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--color-primary:#0c8;--color-primary-light:#3fb;--color-secondary:#3b82f6;--color-secondary-light:#60a5fa;--color-accent:#8b5cf6;--btn-primary-bg:var(--color-primary);--btn-primary-text:#080c14;--btn-secondary-bg:#ffffff08;--btn-secondary-text:var(--text-primary);--btn-secondary-border:var(--border-glass);--filter-btn-bg:#ffffff08;--filter-btn-text:var(--text-secondary);--filter-btn-active-bg:var(--color-primary);--filter-btn-active-text:#080c14;--primary-glow:#00cc881f;--secondary-glow:#3b82f61f;--accent-glow:#8b5cf61f;--grid-line:#ffffff0d;--bg-header:#080c14d9;--bg-footer:#080c1499;--logo-text-color:#080c14;--badge-bg:#ffffff08;--badge-border:#ffffff0f;--stat-card-bg:#ffffff05;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 10px 25px -5px #0009, 0 8px 16px -8px #0006;--shadow-lg:0 25px 50px -12px #000000b3;--shadow-primary:0 0 20px #00cc8840;--shadow-secondary:0 0 20px #3b82f640}*{box-sizing:border-box;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}body{min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;background:radial-gradient(circle at 10% 20%, var(--primary-glow) 0%, transparent 40%), radial-gradient(circle at 90% 80%, var(--secondary-glow) 0%, transparent 40%), var(--bg-deep);width:100%;height:100%;transition:background var(--transition-smooth);background-size:cover;position:fixed;top:0;left:0}.bg-grid-overlay{z-index:-1;opacity:.8;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);pointer-events:none;background-size:64px 64px;width:100%;height:100%;position:fixed;top:0;left:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#78787833;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}p{color:var(--text-secondary);line-height:1.65}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);transition:var(--transition-smooth);box-shadow:var(--shadow-md);border-radius:16px}.glass-card:hover{border-color:var(--border-glass-hover);box-shadow:var(--shadow-lg), 0 10px 30px -10px var(--primary-glow);transform:translateY(-6px)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);font-family:var(--font-heading);cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition-smooth);border:none;border-radius:30px;align-items:center;gap:8px;padding:12px 28px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{box-shadow:var(--shadow-md);opacity:.95;transform:translateY(-2px)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);font-family:var(--font-heading);border:1.5px solid var(--btn-secondary-border);cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:30px;align-items:center;gap:8px;padding:12px 28px;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-secondary);background:#ffffff14;transform:translateY(-2px)}section{padding:110px 0;position:relative;overflow:hidden}@media (width<=768px){section{padding:60px 0}}.section-tag{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.15em;color:var(--color-secondary);background:#0d948814;border:1px solid #0d948826;border-radius:20px;margin-bottom:12px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}[data-theme=dark] .section-tag{color:var(--color-primary);background:#00cc881a;border:1px solid #0c83}.section-title{color:var(--text-primary);margin-bottom:16px;font-size:42px;font-weight:800}@media (width<=768px){.section-title{font-size:32px}}.section-subtitle{max-width:600px;color:var(--text-secondary);margin:0 auto 60px;font-size:17px}.gradient-text{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text-alt{background:linear-gradient(135deg, var(--color-secondary) 0%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(1deg)}to{transform:translateY(0)rotate(0)}}.animate-float{animation:6s ease-in-out infinite float}@keyframes pulseGlow{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.glow-circle{filter:blur(140px);z-index:-1;pointer-events:none;border-radius:50%;animation:10s ease-in-out infinite pulseGlow;position:absolute}.form-group{text-align:left;margin-bottom:20px}.form-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-control{border:1px solid var(--border-glass);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition-fast);background:#fff6;border-radius:12px;padding:14px 18px;font-size:15px}[data-theme=dark] .form-control{background:#ffffff08}.form-control:focus{border-color:var(--color-primary);background:#ffffffb3;outline:none;box-shadow:0 0 15px #00cc881a}[data-theme=dark] .form-control:focus{background:#ffffff0f}textarea.form-control{resize:vertical;min-height:120px}