.auth-page{min-height:calc(100vh - var(--header-height));display:flex;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-lg)}.auth-card{width:100%;max-width:420px;background:var(--bg-surface);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-lg)}.auth-card__logo{display:flex;justify-content:center;margin-bottom:var(--space-xl)}.auth-card__logo a{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-primary);font-weight:600;font-size:var(--text-lg);letter-spacing:-.02em}.auth-card__logo a:hover{color:var(--text-primary)}.auth-card__logo svg{width:28px;height:28px}.auth-card__title{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;text-align:center;margin-bottom:var(--space-sm)}.auth-card__subtitle{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;margin-bottom:var(--space-2xl)}.auth-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.form-field__label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.form-field__input-wrap{position:relative}.form-field__input{width:100%;padding:.625rem .875rem;font-size:var(--text-base);font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-elevated);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);appearance:none}.form-field__input::placeholder{color:var(--text-muted)}.form-field__input:focus{border-color:var(--accent-indigo);box-shadow:0 0 0 3px #4f46e533}.form-field__input--password{padding-right:2.75rem}.form-field__input.is-invalid{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.form-field__eye{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);padding:0;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.form-field__eye:hover{color:var(--text-secondary)}.form-field__eye svg{width:18px;height:18px}.form-field__error{font-size:var(--text-xs);color:#ef4444;display:none}.form-field__error.is-visible{display:block}.form-consents{display:flex;flex-direction:column;gap:var(--space-md)}.form-checkbox{display:flex;align-items:flex-start;gap:var(--space-sm);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;user-select:none}.form-checkbox__input{flex-shrink:0;margin-top:2px;width:16px;height:16px;cursor:pointer;accent-color:var(--accent-indigo)}.form-checkbox a{color:var(--accent-teal);text-decoration:underline;text-underline-offset:2px}.form-checkbox a:hover{color:var(--text-primary)}.auth-submit{width:100%;padding:.75rem 1.25rem;font-size:var(--text-base);font-weight:500;font-family:var(--font-sans);color:var(--text-primary);background:linear-gradient(135deg,var(--accent-violet),var(--accent-indigo));border:none;border-radius:var(--radius-md);cursor:pointer;transition:filter var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm)}.auth-submit:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:var(--shadow-md)}.auth-submit:disabled{opacity:.45;cursor:not-allowed;transform:none}.auth-submit.is-loading{position:relative;color:transparent}.auth-submit.is-loading:after{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-alert{padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);display:none}.auth-alert.is-visible{display:block}.auth-alert--error{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#fca5a5}.auth-alert--success{background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:#86efac}.auth-footer{margin-top:var(--space-xl);text-align:center;font-size:var(--text-sm);color:var(--text-secondary)}.auth-footer a{color:var(--accent-teal);font-weight:500}.auth-footer a:hover{color:var(--text-primary)}.auth-footer__row{margin-top:var(--space-sm)}.code-input-wrap{display:flex;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-xs)}.code-input{width:48px;height:56px;text-align:center;font-size:var(--text-xl);font-weight:600;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-elevated);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);caret-color:var(--accent-indigo)}.code-input:focus{border-color:var(--accent-indigo);box-shadow:0 0 0 3px #4f46e533}.code-resend{font-size:var(--text-sm);color:var(--text-muted);text-align:center;margin-top:var(--space-sm)}.code-resend button{color:var(--accent-teal);font-weight:500;background:none;border:none;cursor:pointer;padding:0;transition:color var(--transition-fast)}.code-resend button:disabled{color:var(--text-muted);cursor:default}.code-resend button:not(:disabled):hover{color:var(--text-primary)}.auth-divider{display:flex;align-items:center;gap:var(--space-md);color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff12}