.main-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-background);position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:var(--spacing-sm);justify-self:start}.logo-link{display:inline-flex;align-items:center;text-decoration:none}.logo-text{font-family:var(--font-family-heading);font-weight:900;font-size:1.2rem;color:var(--color-primary)}.header-center{display:flex;justify-content:center;align-items:center}.main-nav{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-sm)}.nav-button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);border:2px solid var(--color-primary);background:none;color:var(--color-primary);font-weight:700;cursor:pointer;transition:var(--transition-fast);text-decoration:none;font-size:1rem;display:inline-flex;align-items:center;justify-content:center}.nav-button:hover{background-color:var(--color-primary);color:#fff}.header-center .nav-button{gap:8px}.nav-button.primary{background-color:var(--color-primary);color:#fff}.nav-button.secondary{border-color:var(--color-text-light);color:var(--color-text-light)}.nav-button.secondary:hover{background-color:var(--color-text-light);color:#fff}.header-back-button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text);font-size:.95rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:background-color var(--transition-fast)}.header-back-button:hover{background:var(--color-background)}.header-icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text-light);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.header-icon-button:hover{background:#fef2f2;border-color:#fecaca;color:#ef4444}.language-switcher{display:inline-flex;align-items:center;gap:4px;padding:2px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-white)}.language-switcher__pill{min-width:40px;padding:6px 10px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-text-light);font-size:.8125rem;font-weight:700;line-height:1;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.language-switcher__pill:hover{color:var(--color-text)}.language-switcher__pill.is-selected{background:var(--color-primary);color:var(--color-white)}.language-switcher__pill.is-selected:hover{color:var(--color-white)}.main-nav .auth-container__back{margin-bottom:var(--spacing-sm);font-size:var(--font-size-min);color:var(--color-text-light);background:none;border:none;cursor:pointer;font-family:var(--font-family-main)}.main-nav .auth-container__user{font-size:var(--font-size-min);color:var(--color-text)}@media(max-width:600px){.main-header{padding:var(--spacing-sm) var(--spacing-md)}}.button{position:relative;padding:0!important;border:none;border-radius:26px}.button-content{padding:1rem 2rem;font-size:1.2rem;border-radius:26px;cursor:pointer;border:none;color:#fff;font-weight:600;transition:all .2s ease;font-family:Nunito,sans-serif;transition:transform .2s ease;transform:translateY(-4px);background-color:#9956de;display:inline-block}.button:active .button-content{transform:translateY(0)}.button.md .button-content{padding:1rem 2rem;font-size:1.2rem}.button.sm .button-content{padding:.5rem 1rem;font-size:1rem}.button.lg .button-content{padding:1.5rem 3rem;font-size:1.5rem}:root{--purple: #9956DE;--blue: #7274ED;--cyan: #1FA7E1;--teal: #6ED1CF;--green: #75D06A;--orange: #FFB356;--coral: #FF8B8B;--pink: #FB96BB}.button{background-color:var(--base-color);background-color:lch(from var(--base-color) calc(l - 20) c h)}.button .button-content{background-color:var(--base-color)}.button.purple{--base-color: var(--purple)}.button.blue{--base-color: var(--blue)}.button.cyan{--base-color: var(--cyan)}.button.teal{--base-color: var(--teal)}.button.green{--base-color: var(--green)}.button.orange{--base-color: var(--orange)}.button.coral{--base-color: var(--coral)}.button.pink{--base-color: var(--pink)}