.public-button{align-items:center;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--text-button);font-weight:600;justify-content:center;line-height:1.25;padding:var(--space-2) var(--space-4);text-decoration:none}.public-button--primary{background:var(--color-brand-primary);color:var(--color-text-inverse)}.public-button--primary:hover{filter:brightness(1.08);text-decoration:none}.modal__button{align-items:center;background:var(--color-brand-primary);border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--text-button);font-weight:600;justify-content:center;line-height:1.25;padding:var(--space-2) var(--space-4);text-decoration:none}.modal__button:hover{filter:brightness(1.08)}.homepage-login-fallback{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:var(--space-8) var(--space-4)}.homepage-login-fallback__card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--modal-padding);text-align:center;width:min(100%,28rem)}.homepage-login-fallback__card p{color:var(--color-text-secondary);margin:0 0 var(--space-5)}.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}body.modal-open{overflow:hidden}.modal{align-items:center;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:100}.modal[hidden]{display:none}.modal__backdrop{background:var(--color-bg-modal-overlay);cursor:pointer;inset:0;position:absolute}.modal__panel{background:var(--color-bg-surface);border:1px solid var(--color-border-modal);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);max-width:22rem;padding:var(--modal-padding);position:relative;width:100%;z-index:1}.modal__panel--wide{max-width:26rem}.modal__head{align-items:flex-start;display:flex;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-4)}.modal__title{font-size:var(--text-modal-title);font-weight:700;margin:0}.modal__close{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font:inherit;font-size:1.5rem;line-height:1;padding:0 var(--space-1)}.modal__close:hover{color:var(--color-text-primary)}.modal__tabs{border-bottom:1px solid var(--color-border-default);display:flex;gap:0;margin:0 0 var(--space-4)}.modal__tab{background:none;border:none;border-bottom:2px solid transparent;border-radius:0;color:var(--color-text-secondary);cursor:pointer;flex:1;font:inherit;font-size:var(--text-button);font-weight:600;margin:0;padding:var(--space-2) var(--space-1)}.modal__tab:hover{color:var(--color-text-primary)}.modal__tab.is-active{border-bottom-color:var(--color-brand-primary);color:var(--color-brand-primary)}.modal__error,.modal__success{border-radius:var(--radius-md);font-size:var(--text-input);margin:0 0 var(--space-4);padding:var(--space-2) var(--space-3)}.modal__error{background:var(--color-state-error-bg);color:var(--color-state-error-text)}.modal__success{background:var(--color-state-success-bg);color:var(--color-state-success-text)}.modal__social-logins{display:grid;gap:var(--space-3)}.modal__social-login{align-items:center;background:var(--color-text-primary);border:2px solid var(--color-border-default);border-radius:var(--radius-xl);color:var(--color-text-inverse);display:flex;font-size:var(--text-modal-title);font-weight:700;gap:var(--space-3);justify-content:center;line-height:1;min-height:3.5rem;padding:var(--space-3) var(--space-4);text-decoration:none;width:100%}.modal__social-login:focus,.modal__social-login:hover{border-color:var(--color-border-focus);color:var(--color-text-inverse)}.modal__social-login:focus{outline:none}.modal__social-icon{flex:0 0 auto;height:1.75rem;width:1.75rem}.modal__divider{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--text-meta);gap:var(--space-3);margin:var(--space-4) 0}.modal__divider:after,.modal__divider:before{background:var(--color-border-subtle);content:"";flex:1;height:1px}.modal__form{display:flex;flex-direction:column;gap:var(--space-1)}.modal__label{color:var(--color-text-secondary);font-size:var(--text-label);font-weight:600;margin-top:var(--space-1)}.modal__input{background:var(--color-bg-input);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font:inherit;margin-bottom:var(--space-1);padding:var(--input-padding-y) var(--input-padding-x)}.modal__input::placeholder{color:var(--color-text-placeholder)}.modal__input:focus{border-color:var(--color-border-focus);outline:none}.modal__submit{justify-content:center;margin-top:var(--space-3);width:100%}