:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#2563eb26;--color-accent:#06b6d4;--color-accent-hover:#0891b2;--color-accent-light:#06b6d426;--color-success:#10b981;--color-warning:#f59e0b;--bg-main:#0f172a;--bg-surface:#1e293b;--bg-surface-hover:#334155;--bg-glass:#1e293bbf;--bg-glass-nav:#0f172ad9;--text-heading:#f8fafc;--text-body:#d9dbdf;--text-muted:#64748b;--border-color:#ffffff1a;--border-highlight:#06b6d466;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 10px 30px #00000080;--shadow-glow:0 0 25px #06b6d440;--font-heading:"Poppins", sans-serif;--font-body:"Inter", sans-serif;--font-code:"JetBrains Mono", monospace;--nav-height:72px;--container-max:1200px}[data-theme=light]{--bg-main:#f8fafc;--bg-surface:#fff;--bg-surface-hover:#f1f5f9;--bg-glass:#ffffffd9;--bg-glass-nav:#f8fafce6;--text-heading:#0f172a;--text-body:#334155;--text-muted:#64748b;--border-color:#00000014;--border-highlight:#2563eb4d;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 10px 30px #0000001f;--shadow-glow:0 0 25px #2563eb33}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-main);color:var(--text-body);font-family:var(--font-body);font-size:1rem;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-heading);font-weight:700;line-height:1.25}code,pre{font-family:var(--font-code)}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 1.5rem}.section-padding{padding:5rem 0}.gradient-text{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text-alt{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-success) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glass-card{background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:16px;transition:transform .3s,border-color .3s,box-shadow .3s}.glass-card:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.section-header{text-align:center;max-width:680px;margin:0 auto 3.5rem}.section-tag{text-transform:uppercase;letter-spacing:1.5px;color:var(--color-accent);background:var(--color-accent-light);border:1px solid #06b6d433;border-radius:20px;margin-bottom:.75rem;padding:.35rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.section-title{margin-bottom:1rem;font-size:2.25rem}.section-desc{color:var(--text-body);font-size:1.05rem}.btn{border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 1.75rem;font-size:.95rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary), #1d4ed8);color:#fff;box-shadow:0 4px 14px #2563eb66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb99}.btn-secondary{background:var(--bg-surface);color:var(--text-heading);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)}.btn-accent{background:linear-gradient(135deg, var(--color-accent), #0891b2);color:#fff;box-shadow:0 4px 14px #06b6d466}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d499}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s forwards fadeIn}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--bg-surface-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@media (width<=768px){.section-padding{padding:3.5rem 0}.section-title{font-size:1.85rem}}.brand-logo-img{width:auto;height:42px;transition:filter .3s;display:block}[data-theme=dark] .brand-logo-img{filter:invert(.9)hue-rotate(180deg)brightness(1.2)}