:root{--accent-primary:#3b82f6;--accent-primary-hover:#2563eb;--theme-disabled:#9ca3af;--theme-disabled-text:#6b7280;--color-error-600:#dc2626}.auth-page{min-height:60vh;width:100%;display:flex;align-items:center;justify-content:center;padding:2rem 0}.auth-page.light{background:transparent}.auth-center{width:100%;max-width:440px;padding:0 1rem}.auth-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}.auth-brand{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0}.auth-headline{text-align:center;margin-bottom:2rem}.auth-title{font-size:1.375rem;font-weight:600;color:#0f172a;line-height:1.3;margin:0 0 .5rem}.auth-subtitle{font-size:.9375rem;color:#475569;margin:0}.email-form{flex-direction:column}.email-form,.email-input-row{width:100%;display:flex;align-items:stretch}.email-input-row{gap:.75rem}.input-wrapper{position:relative;flex:1}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;z-index:1}.auth-input-simple{width:100%;padding:.875rem 1rem .875rem 2.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;font-size:1rem;font-family:inherit}.auth-input-simple:focus{outline:none;border-color:var(--accent-primary)}.auth-input-simple::placeholder{color:#94a3b8}.auth-button-simple{padding:.875rem 1.25rem;background:var(--accent-primary);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.auth-button-simple:hover:not(:disabled){background:var(--accent-primary-hover)}.auth-button-simple:disabled{background:var(--theme-disabled);color:var(--theme-disabled-text);cursor:not-allowed}.loading-spinner{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(1turn)}}.auth-form-detailed{display:flex;flex-direction:column;gap:1.25rem;width:100%}.email-display{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px}.email-display .input-icon{position:static;transform:none;color:#64748b}.email-text{color:#0f172a;font-size:1rem}.error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:var(--color-error-600);font-size:.875rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.auth-input{width:100%;padding:.875rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;font-size:1rem;font-family:inherit}.auth-input:focus{outline:none;border-color:var(--accent-primary)}.auth-input::placeholder{color:#94a3b8}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .input-icon{left:1rem}.password-input{padding-left:2.75rem;padding-right:2.75rem}.password-toggle{position:absolute;right:1rem;background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem}.password-toggle:hover{color:#0f172a}.forgot-password-link{background:none;border:none;color:#64748b;font-size:.8125rem;cursor:pointer;padding:0;align-self:flex-end}.forgot-password-link:hover{color:#0f172a;text-decoration:underline}.auth-button-full{width:100%;padding:1rem;background:var(--accent-primary);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-button-full:hover:not(:disabled){background:var(--accent-primary-hover)}.auth-button-full:disabled{background:var(--theme-disabled);color:var(--theme-disabled-text);cursor:not-allowed}.auth-footer{padding-top:1rem;border-top:1px solid #e2e8f0}.auth-back-button{background:none;border:none;color:#64748b;font-size:.875rem;cursor:pointer;padding:.5rem 0}.auth-back-button:hover{color:#0f172a}.token-block,.token-example-block{display:flex;flex-direction:column;gap:.5rem}.token-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.token-display-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.token-value{flex:1;font-size:.75rem;color:#0f172a;white-space:nowrap;text-overflow:ellipsis;min-width:0}.token-example-code,.token-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.token-example-code{margin:0;padding:1rem 1.25rem;background:#0f172a;border-radius:8px;color:#e2e8f0;font-size:.8125rem;white-space:pre;line-height:1.7}.curl-cmd{color:#93c5fd}.curl-url{color:#6ee7b7}.curl-flag{color:#93c5fd}.curl-string,.curl-token{color:#fde68a}.curl-token{opacity:.7}@media (max-width:640px){.email-input-row{flex-direction:column}.auth-button-simple{width:100%;justify-content:center}.name-fields{grid-template-columns:1fr}}