@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";
:root{--bg-main:#f8fafc;--bg-surface:#fff;--bg-surface-glass:#fff;--bg-sidebar-dark:#0f172a;--primary:#10b981;--primary-light:#059669;--primary-glow:#10b9811f;--accent:#059669;--accent-light:#d1fae5;--accent-glow:#0596691f;--danger:#dc2626;--success:#059669;--warning:#d97706;--text-main:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0;--border-color-glow:#10b98173;--font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--transition-smooth:all .2s cubic-bezier(.16, 1, .3, 1);--shadow-premium:0 4px 20px #0f172a0d, 0 1px 3px #0f172a0a}*{box-sizing:border-box;font-family:var(--font-main);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}h1,h2,h3,h4,.brandTitle{font-family:var(--font-heading)}html,body{background-color:var(--bg-main);color:var(--text-main);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#64748b47;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}.glass-card{background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-premium);transition:var(--transition-smooth);border-radius:16px}.glass-card:hover{border-color:#cbd5e1;box-shadow:0 10px 28px #0f172a12}.gradient-text{background:linear-gradient(135deg,#0f172a 0%,#059669 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text-emerald{background:linear-gradient(135deg,#10b981 0%,#34d399 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn-primary{color:#fff;cursor:pointer;transition:var(--transition-smooth);background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #0596694d;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px #10b98138}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #10b98152}.btn-accent{color:#fff;cursor:pointer;transition:var(--transition-smooth);background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #10b9814d;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px #10b98138}.btn-accent:hover{transform:translateY(-1px);box-shadow:0 8px 22px #10b98159}.btn-outline{color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-outline:hover{border-color:var(--primary-light);color:var(--primary-light);background:#f8fafc;transform:translateY(-1px)}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #dc262673}70%{transform:scale(1);box-shadow:0 0 0 9px #dc262600}to{transform:scale(.95);box-shadow:0 0 #dc262600}}@keyframes pulse-gold{0%{transform:scale(.95);box-shadow:0 0 #10b98173}70%{transform:scale(1);box-shadow:0 0 0 9px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.pulse-indicator{animation:2s infinite pulse}.pulse-gold-indicator{animation:2s infinite pulse-gold}@keyframes scrollTickerLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollTickerRight{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (max-width:900px){.desktop-nav-links{display:none!important}.mobile-hamburger-btn{display:flex!important}nav{padding:14px 20px!important}header{flex-direction:column!important;gap:24px!important;padding:36px 16px!important}header h1{font-size:clamp(1.9rem,6.5vw,3.2rem)!important}header div[style*="minWidth: 350px"],header div[style*="minWidth: 320px"]{width:100%!important;min-width:100%!important}section{gap:24px!important;padding:40px 16px!important}section h2{font-size:clamp(1.5rem,5vw,2.3rem)!important}}
