.auth-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:var(--bg-card);border:1px solid color-mix(in srgb,var(--border)30%,transparent);border-radius:var(--radius-sm);width:100%;max-width:440px;box-shadow:var(--shadow);padding:40px}.auth-title{font-family:var(--font-unbounded),sans-serif;color:var(--text-primary);margin-bottom:8px;font-size:24px;font-weight:700}.auth-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:14px}.auth-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);font-size:13px;font-weight:500}.auth-submit{background:var(--text-primary);width:100%;color:var(--bg-main);border-radius:var(--radius);cursor:pointer;border:none;margin-top:8px;padding:13px;font-size:15px;font-weight:600;transition:opacity .2s}.auth-submit:hover{opacity:.85}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-link{text-align:center;color:var(--text-secondary);margin-top:20px;font-size:14px}.auth-link a{color:var(--text-link)}.auth-error{background:color-mix(in srgb,var(--accent-red)15%,transparent);border:1px solid var(--accent-red);border-radius:var(--radius);color:var(--accent-red);padding:10px 14px;font-size:14px}.auth-logo{font-family:var(--font-unbounded),sans-serif;color:var(--text-primary);text-align:center;margin-bottom:24px;font-size:28px;font-weight:800}.code-inputs{flex-wrap:nowrap;justify-content:center;gap:8px;width:100%;display:flex;overflow:visible}.code-input{box-sizing:border-box;flex:1;min-width:0;max-width:52px;text-align:center!important;padding:12px 4px!important;font-size:20px!important;font-weight:600!important}.resend-btn{color:var(--text-link);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline}.resend-btn:disabled{color:var(--text-secondary);cursor:not-allowed;text-decoration:none}.steps{gap:8px;margin-bottom:28px;display:flex}.step{background:color-mix(in srgb,var(--border)30%,transparent);border-radius:2px;flex:1;height:3px}.step.active{background:var(--text-primary)}.step.done{background:var(--accent-green)}@media (max-width:400px){.auth-card{padding:28px 20px}.code-inputs{gap:5px}}