:root { --primary:#37AADF; --primary-dark:#1E6EA5; --ink:#0F172A; --muted:#64748B; }
body { font-family:'Inter',sans-serif; }
.brand-gradient { background-image: radial-gradient(1200px 400px at 20% -10%, rgba(55,170,223,0.18), transparent 60%), radial-gradient(800px 300px at 90% 0%, rgba(30,110,165,0.30), transparent 65%); }
.glass { background: rgba(255,255,255,0.75); backdrop-filter: saturate(1.2) blur(8px); }
.btn { transition: all .2s ease; }
.btn-primary { background: linear-gradient(135deg,var(--primary),var(--primary-dark)); color:#fff; }
.btn-primary:hover { filter: brightness(1.05); transform: translateY(-1px); }
.nav-item { display:flex; align-items:center; gap:.75rem; padding:.625rem .875rem; border-radius:.75rem; color:#0f172a; }
.nav-item:hover { background:#f1f5f9; color:var(--primary-dark); }
.nav-item.active { background:var(--primary); color:#fff; font-weight: 600; }
.nav-item.active:hover { background:var(--primary-dark); }
.nav-item.active i { color:#fff; }
#mobile-menu { transform: translateX(-100%); transition: transform 0.3s ease-in-out; }
#mobile-menu.open { transform: translateX(0); }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }