.banner{justify-content:center;align-items:center;gap:var(--space-banner-gap);width:100%;padding:var(--space-banner-padding-y)var(--space-banner-padding-x);min-height:auto;font-family:var(--font-body-family);transition:all var(--foundation-duration-fast)var(--foundation-ease-out);z-index:40;border-bottom:1px solid;margin:0;display:flex;position:relative}.banner--sticky{z-index:40;position:sticky;top:0}.banner--default{background-color:var(--surface-page);color:var(--text-default);border-bottom-color:var(--border-subtle)}.banner--info{background-color:var(--surface-info-subtle);color:var(--text-info);border-bottom-color:var(--border-info-subtle)}.banner--success{background-color:var(--surface-success-subtle);color:var(--text-success);border-bottom-color:var(--border-success-subtle)}.banner--warning{background-color:var(--surface-warning-subtle);color:var(--text-warning);border-bottom-color:var(--border-warning-subtle)}.banner--error{background-color:var(--surface-error-subtle);color:var(--text-error);border-bottom-color:var(--border-error-subtle)}.banner--accent{background-color:var(--surface-accent-subtle);color:var(--text-accent);border-bottom-color:var(--border-accent-subtle)}.banner--default.banner--muted{background-color:var(--surface-hover);color:var(--text-strong);border-bottom-color:var(--border-default)}.banner--info.banner--muted{background-color:var(--surface-info-muted);color:var(--text-info-strong);border-bottom-color:var(--border-info)}.banner--success.banner--muted{background-color:var(--surface-success-muted);color:var(--text-success-strong);border-bottom-color:var(--border-success)}.banner--warning.banner--muted{background-color:var(--surface-warning-muted);color:var(--text-warning-strong);border-bottom-color:var(--border-warning)}.banner--error.banner--muted{background-color:var(--surface-error-muted);color:var(--text-error-strong);border-bottom-color:var(--border-error)}.banner--accent.banner--muted{background-color:var(--surface-accent-muted);color:var(--text-accent-strong);border-bottom-color:var(--border-accent)}.banner--default.banner--vibrant{background-color:var(--surface-inverse);color:var(--text-inverse);border-bottom-color:var(--border-inverse)}.banner--info.banner--vibrant{background-color:var(--surface-info);color:var(--text-on-info);border-bottom-color:var(--border-info)}.banner--success.banner--vibrant{background-color:var(--surface-success);color:var(--text-on-success);border-bottom-color:var(--border-success)}.banner--warning.banner--vibrant{background-color:var(--surface-warning);color:var(--text-on-warning);border-bottom-color:var(--border-warning)}.banner--error.banner--vibrant{background-color:var(--surface-error);color:var(--text-on-error);border-bottom-color:var(--border-error)}.banner--accent.banner--vibrant{background-color:var(--surface-accent);color:var(--text-on-accent);border-bottom-color:var(--border-accent)}.banner__content{justify-content:center;align-items:center;gap:var(--space-banner-gap);flex:1;display:flex}.banner__icon{width:var(--size-banner-icon);height:var(--size-banner-icon);flex-shrink:0;justify-content:center;align-items:center;display:flex}.banner--default .banner__icon{color:var(--icon-default)}.banner--info .banner__icon{color:var(--icon-info)}.banner--success .banner__icon{color:var(--icon-success)}.banner--warning .banner__icon{color:var(--icon-warning)}.banner--error .banner__icon{color:var(--icon-error)}.banner--accent .banner__icon{color:var(--icon-accent)}.banner--muted .banner__icon,.banner--vibrant .banner__icon{color:currentColor}.banner__message{line-height:var(--foundation-leading-normal);letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;text-align:center;margin:0;font-size:.9375rem;overflow:hidden}.banner__actions{align-items:center;gap:var(--space-banner-gap);flex-shrink:0;margin-left:auto;display:flex}.banner__action{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;height:auto;min-height:auto;padding:8px 16px;font-size:.75rem;font-weight:600}.banner__waitlist{align-items:center;gap:var(--foundation-space-2);margin-left:var(--foundation-space-4);flex-wrap:wrap;justify-content:center;display:flex}.banner__waitlist-input{width:11rem;min-width:10rem}.banner__waitlist-button{white-space:nowrap}.banner__success-message{margin-left:var(--foundation-space-4);text-align:center}@media (max-width:768px){.banner{justify-content:center;align-items:center;gap:var(--foundation-space-2);padding:var(--foundation-space-3)var(--foundation-space-4);flex-wrap:wrap;min-height:auto}.banner__content{flex:auto;justify-content:center;min-width:0}.banner__message{white-space:normal;text-overflow:clip;font-size:.875rem;overflow:visible}.banner__actions{flex-wrap:wrap;flex-shrink:0;justify-content:center;margin-left:0}.banner__action{min-width:auto;padding:8px 16px;font-size:.75rem}.banner__waitlist{justify-content:center;width:100%;margin-left:0}.banner__waitlist-input{flex:1;min-width:10rem}.banner__success-message{width:100%;margin-left:0}}@media (max-width:640px){.banner{padding:var(--foundation-space-3);gap:var(--foundation-space-3);flex-direction:column}.banner__content{flex-direction:column;width:100%}.banner__message{width:100%;font-size:.875rem}.banner__icon{width:20px;height:20px}.banner__actions{justify-content:center;width:100%}.banner__action{flex:1;min-width:100px}.banner__waitlist{gap:var(--foundation-space-2);flex-direction:column;width:100%}.banner__waitlist-input,.banner__waitlist-button{width:100%}}@media (prefers-reduced-motion:reduce){.banner{transition:none}}@media (prefers-contrast:more){.banner{outline-offset:-1px;outline:1px solid}}
.btn{justify-content:center;align-items:center;gap:var(--foundation-space-2);padding:var(--foundation-space-2)var(--foundation-space-4);border-radius:var(--radius-button);cursor:pointer;transition:all var(--foundation-duration-fast)var(--foundation-easing-ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;outline:none;text-decoration:none;display:inline-flex}.btn-sm{padding:var(--foundation-space-1)var(--foundation-space-2);height:var(--control-height-sm)}.btn-md{padding:var(--foundation-space-2)var(--foundation-space-4);height:var(--control-height-md)}.btn-lg{padding:var(--foundation-space-3)var(--foundation-space-4);height:var(--control-height-lg)}.btn-xl{padding:var(--foundation-space-4)var(--foundation-space-6);height:var(--control-height-xl)}.btn-full-width{width:100%}.btn-brand{background-color:var(--surface-button-brand);color:var(--text-button-brand);border-color:var(--border-button-brand)}.btn-brand .icon,.btn-brand [class*=icon-]{color:var(--text-button-brand)}.btn-brand:hover:not(:disabled){background-color:var(--surface-button-brand-hover);border-color:var(--border-button-brand-hover)}.btn-brand:active:not(:disabled){background-color:var(--surface-button-brand-active)}.btn-brand:focus-visible{outline:2px solid var(--border-button-brand-focus);outline-offset:2px}.btn-brand:disabled{background-color:var(--surface-disabled);border-color:var(--border-disabled);color:var(--text-disabled);cursor:not-allowed;opacity:1}.btn-primary{background-color:var(--interactive-primary);color:var(--text-button-primary);border-color:var(--border-button-primary)}.btn-primary .icon,.btn-primary [class*=icon-]{color:var(--text-button-primary)}.btn-primary:hover:not(:disabled){background-color:var(--surface-button-primary-hover);border-color:var(--interactive-primary-active)}.btn-primary:active:not(:disabled){background-color:var(--surface-button-primary-active)}.btn-primary:focus-visible{outline:2px solid var(--border-button-primary-focus);outline-offset:2px}.btn-primary:disabled{background-color:var(--surface-disabled);border-color:var(--border-disabled);color:var(--text-disabled);cursor:not-allowed;opacity:1}.btn-secondary{background-color:var(--surface-button-secondary);color:var(--text-button-secondary);border-color:var(--border-button-secondary)}.btn-secondary:hover:not(:disabled){background-color:var(--surface-button-secondary-hover);border-color:var(--border-button-secondary-hover)}.btn-secondary:active:not(:disabled){background-color:var(--surface-button-secondary-active)}.btn-secondary:focus-visible{outline:2px solid var(--border-button-secondary-focus);outline-offset:2px}.btn-secondary:disabled{background-color:var(--surface-disabled);border-color:var(--border-disabled);color:var(--text-disabled);cursor:not-allowed;opacity:1}.btn-accent{background-color:var(--surface-button-accent);color:var(--text-button-accent);border-color:var(--border-button-accent)}.btn-accent .icon,.btn-accent [class*=icon-]{color:var(--text-button-accent)}.btn-accent:hover:not(:disabled){background-color:var(--surface-button-accent-hover)}.btn-accent:active:not(:disabled){background-color:var(--surface-button-accent-active)}.btn-accent:focus-visible{outline:2px solid var(--border-button-accent-focus);outline-offset:2px}.btn-accent:disabled{background-color:var(--surface-disabled);border-color:var(--border-disabled);color:var(--text-disabled);cursor:not-allowed;opacity:1}.btn-ghost{color:var(--text-button-secondary);background-color:#0000;border-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--surface-elevated)}.btn-ghost:focus-visible{background-color:var(--surface-sunken)}.btn-ghost:disabled{color:var(--text-disabled);cursor:not-allowed;opacity:1;background-color:#0000;border-color:#0000}.btn-destructive{background-color:var(--surface-button-destructive);color:var(--always-white);border-color:var(--border-button-destructive)}.btn-destructive .icon,.btn-destructive [class*=icon-]{color:var(--always-white)!important}.btn-destructive:hover:not(:disabled){background-color:var(--surface-button-destructive-hover)}.btn-destructive:disabled{background-color:var(--surface-disabled);border-color:var(--border-disabled);color:var(--text-disabled);cursor:not-allowed;opacity:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-spinner{justify-content:center;align-items:center;margin-right:.25rem;display:flex}.clean-auth-form .btn-lg,.form-row .btn-lg{min-height:48px}.clean-auth-form .btn-md,.form-row .btn-md{min-height:40px}.clean-auth-form .btn-sm,.form-row .btn-sm{min-height:32px}.btn:not(:disabled):not(.pointer-events-none){transition:background-color var(--foundation-duration-fast)var(--foundation-easing-ease-out),border-color var(--foundation-duration-fast)var(--foundation-easing-ease-out),transform .12s var(--foundation-easing-standard),box-shadow var(--foundation-duration-fast)var(--foundation-easing-ease-out)}.btn:not(:disabled):hover{transform:none}.btn:not(:disabled):active,.btn:not(:disabled):hover:active{transform:scale(.99)}.btn:disabled,.btn.pointer-events-none{transform:none!important}
.icon-btn{border-radius:var(--radius-button);width:auto;height:auto;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color var(--foundation-duration-fast)var(--foundation-easing-ease-out),border-color var(--foundation-duration-fast)var(--foundation-easing-ease-out),transform .12s var(--foundation-easing-standard),box-shadow var(--foundation-duration-fast)var(--foundation-easing-ease-out);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:0;margin:0;padding:0;display:inline-flex;position:relative}.icon-btn--sm{width:var(--control-height-sm);height:var(--control-height-sm);padding:6px}.icon-btn--md{width:var(--control-height-md);height:var(--control-height-md);padding:8px}.icon-btn--lg{width:var(--control-height-lg);height:var(--control-height-lg);padding:12px}.icon-btn--xl{width:var(--control-height-xl);height:var(--control-height-xl);padding:16px}.icon-btn__icon{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.icon-btn .icon{vertical-align:middle!important;margin:0!important;transform:none!important}.icon-btn--primary{background-color:var(--interactive-primary);border-color:var(--border-button-primary);color:var(--text-button-primary)}.icon-btn--primary:hover:not(:disabled){background-color:var(--surface-button-primary-hover);border-color:var(--interactive-primary-active)}.icon-btn--primary:active:not(:disabled){background-color:var(--surface-button-primary-active)}.icon-btn--secondary{background-color:var(--surface-button-secondary);border-color:var(--border-button-secondary);color:var(--text-button-secondary)}.icon-btn--secondary:hover:not(:disabled){background-color:var(--surface-button-secondary-hover);border-color:var(--border-button-secondary-hover)}.icon-btn--secondary:active:not(:disabled){background-color:var(--surface-button-secondary-active)}.icon-btn--accent{background-color:var(--surface-button-accent);border-color:var(--border-button-accent);color:var(--always-white)}.icon-btn--accent:hover:not(:disabled){background-color:var(--surface-button-accent-hover)}.icon-btn--accent:active:not(:disabled){background-color:var(--surface-button-accent-active)}.icon-btn--ghost{color:var(--text-button-secondary);background-color:#0000;border-color:#0000}.icon-btn--ghost:hover:not(:disabled){background-color:var(--surface-elevated)}.icon-btn--ghost:active:not(:disabled){background-color:var(--surface-sunken)}.icon-btn--destructive{background-color:var(--surface-button-destructive);border-color:var(--border-button-destructive);color:var(--always-white)}.icon-btn--destructive:hover:not(:disabled){background-color:var(--surface-button-destructive-hover)}.icon-btn--destructive:active:not(:disabled){background-color:var(--interactive-destructive-active)}.icon-btn:not(:disabled):hover{transform:none}.icon-btn:not(:disabled):active,.icon-btn:not(:disabled):hover:active{transform:scale(.97)}.icon-btn--active{transform:scale(.97);background-color:var(--surface-nav-item-selected)!important;color:var(--text-nav-item-selected)!important}.icon-btn--active:hover{background-color:var(--surface-nav-item-selected-hover)!important}.icon-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.icon-btn:focus-visible{outline:2px solid var(--border-button-secondary-focus);outline-offset:2px}.icon-btn__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.icon-btn--loading .icon-btn__icon{opacity:0}