.auth-container{display:flex;align-items:flex-start;justify-content:center;min-height:100svh;padding:128px 20px 56px}.auth-card{background:var(--surface-elevated);backdrop-filter:blur(18px) saturate(1.12);border:1px solid var(--line);border-radius:var(--radius-lg);padding:40px;width:100%;max-width:440px;box-shadow:var(--shadow-card)}.auth-title{font-size:28px;font-weight:700;letter-spacing:0;margin:0 0 8px;text-align:center}.auth-subtitle{color:var(--muted);font-size:15px;margin:0 0 32px;text-align:center;line-height:1.5}.auth-form{gap:20px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:8px}.auth-label{font-size:14px;font-weight:500;color:var(--ink)}.auth-input{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);font-family:inherit;font-size:15px;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.auth-input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 54%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}.auth-button{align-items:center;background:var(--ink);border:none;border-radius:var(--radius-md);color:var(--bg);cursor:pointer;display:flex;font-size:15px;font-weight:600;justify-content:center;gap:8px;padding:14px 24px;transition:opacity .2s;width:100%;margin-top:8px}.auth-button:hover:not(:disabled){opacity:.9}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-error{background:rgba(255,60,60,.1);border:1px solid rgba(255,60,60,.2);border-radius:var(--radius-md);color:#ff3c3c;font-size:14px;padding:12px 16px;margin-bottom:24px}.auth-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);border-radius:var(--radius-md);color:#16a34a;font-size:14px;line-height:1.5;padding:14px 16px}.auth-footer{color:var(--muted);font-size:14px;margin-top:32px;text-align:center}.auth-link{color:var(--ink);font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}@media (min-height:760px){.auth-container{align-items:center;padding-top:104px}}.auth-divider{display:flex;align-items:center;gap:12px;margin:4px 0;color:var(--ink-3,#86868b);font-size:.8rem}.auth-divider:after,.auth-divider:before{content:"";flex:1;height:1px;background:var(--border,#e5e5ea)}@media (max-width:767px){.auth-container{min-height:100svh;padding:104px 16px 40px}.auth-card{padding:28px 22px}.auth-subtitle{margin-bottom:24px}.auth-form{gap:16px}}