@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;700&display=swap');

/* ===== Navbar ===== */
.navbar { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid var(--border); background: rgba(255,255,255,0.95); backdrop-filter: blur(8px); }
.navbar-inner { display: flex; height: 4rem; align-items: center; justify-content: space-between; }
.logo { display: flex; align-items: center; gap: 0.5rem; color: var(--fg); font-family: 'Manrope', system-ui, sans-serif; }
.logo svg { color: var(--primary); }
.logo span { font-size: 1.125rem; font-weight: 700; }

/* ===== Utilities ===== */
.container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; }
.text-center { text-align: center; }
.btn { display: inline-flex; align-items: center; justify-content: center; border: none; border-radius: var(--radius); font-family: 'Manrope', system-ui, sans-serif; font-weight: 700; font-size: 0.875rem; cursor: pointer; transition: background 0.2s; text-decoration: none; }
.btn-primary { background: var(--primary); color: var(--primary-fg); }
.btn-primary:hover { background: var(--primary-hover); }
.btn-primary:disabled { opacity: 0.5; cursor: not-allowed; }
.btn-sm { padding: 0.625rem 1.25rem; }
.btn-full { width: 100%; padding: 0.75rem; }