.auth-shell{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(43,92,255,0.12),transparent 30%),radial-gradient(circle at 80% 0%,rgba(16,185,129,0.12),transparent 28%),var(--bg-main);padding:0}.auth-layout{width:min(1100px,100%);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center;margin:-20px auto 0;padding:var(--space-7) var(--space-5)}.auth-brand{display:grid;gap:var(--space-3);color:var(--text-muted)}.auth-brand-title{margin:0;color:var(--text-main);font-weight:900;letter-spacing:-0.02em}.auth-brand-subtitle{margin:0;max-width:520px}.auth-brand-points{display:grid;gap:10px;margin-top:var(--space-3)}.auth-brand-point{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border-main);background:rgba(255,255,255,0.35);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%)}[data-theme="dark"] .auth-brand-point{background:rgba(17,24,39,0.40);border-color:rgba(31,41,55,0.9)}@media (prefers-color-scheme:dark){:root[data-theme="auto"] .auth-brand-point{background:rgba(17,24,39,0.40);border-color:rgba(31,41,55,0.9)}}.auth-brand-point i{color:var(--color-primary);margin-top:2px}@media (min-width:960px){.auth-brand{position:sticky;top:calc(var(--app-navbar-h,72px) + 16px);align-self:start}}.auth-brand img{width:94px;height:94px;border-radius:18px;padding:10px;background:rgba(255,255,255,0.7);border:1px solid rgba(229,231,235,0.85);box-shadow:0 16px 50px rgba(15,23,42,0.12);object-fit:contain}[data-theme="dark"] .auth-brand img{background:rgba(17,24,39,0.7);border-color:rgba(31,41,55,0.9);box-shadow:0 18px 60px rgba(0,0,0,0.35)}@media (prefers-color-scheme:dark){:root[data-theme="auto"] .auth-brand img{background:rgba(17,24,39,0.7);border-color:rgba(31,41,55,0.9);box-shadow:0 18px 60px rgba(0,0,0,0.35)}}.auth-card{padding:var(--space-6)}.auth-header{display:grid;gap:var(--space-2);margin-bottom:var(--space-4)}.feedback-wrap{position:relative;margin-bottom:var(--space-3)}.feedback-wrap.hidden{display:none!important}.feedback{padding:10px 36px 10px 12px;border-radius:var(--radius-sm);color:var(--text-main);border:1px solid}.feedback[hidden]{display:none!important}.feedback{border-radius:var(--radius-lg);border:1px solid var(--border-main);background:rgba(255,255,255,0.62);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);box-shadow:0 16px 50px rgba(15,23,42,0.12);padding:var(--space-4);margin-bottom:var(--space-4)}[data-theme="dark"] .feedback{background:rgba(17,24,39,0.62);box-shadow:0 18px 60px rgba(0,0,0,0.35)}@media (prefers-color-scheme:dark){:root[data-theme="auto"] .feedback{background:rgba(17,24,39,0.62);box-shadow:0 18px 60px rgba(0,0,0,0.35)}}.feedback-inner{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start}.feedback-icon{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:rgba(43,92,255,0.12);border:1px solid rgba(43,92,255,0.22);color:var(--color-primary)}.feedback-success{border-color:rgba(16,185,129,0.35)}.feedback-success .feedback-icon{background:rgba(16,185,129,0.12);border-color:rgba(16,185,129,0.22);color:#10b981}.feedback-error{border-color:rgba(239,68,68,0.35)}.feedback-error .feedback-icon{background:rgba(239,68,68,0.12);border-color:rgba(239,68,68,0.22);color:#ef4444}.step-panel{animation:stepIn 240ms ease}@keyframes stepIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.step-panel{animation:none}}.feedback-info{background:rgba(43,92,255,0.1);border-color:rgba(43,92,255,0.3)}.feedback-error{background:rgba(239,68,68,0.08);border-color:rgba(239,68,68,0.3)}.feedback-success{background:rgba(16,185,129,0.1);border-color:rgba(16,185,129,0.35);color:var(--text-main)}.feedback-inner{display:inline-flex;align-items:center;gap:10px}.feedback-inner i{width:18px;display:inline-flex;justify-content:center}.feedback-close{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--text-muted);font-size:1.25rem;line-height:1;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center}.feedback-close:hover{color:var(--text-main);background:rgba(0,0,0,0.06)}[data-theme="dark"] .feedback-close:hover{background:rgba(255,255,255,0.1)}.hidden{display:none!important}.form-grid{display:grid;gap:var(--space-4)}.form-group{display:grid;gap:var(--space-2)}.form-group label{font-weight:600;color:var(--text-main)}.input{border:1px solid var(--border-main);border-radius:var(--radius-md);padding:12px 14px;background:var(--bg-card);color:var(--text-main)}.input.input-locked{opacity:0.55;cursor:not-allowed}.input-error{border-color:#ef4444;box-shadow:0 0 0 1px rgba(239,68,68,0.4);padding-left:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 2.5c.5 0 .95.26 1.2.7l6.6 11.5c.24.42.24.94 0 1.36-.24.43-.68.69-1.17.69H3.37c-.5 0-.93-.26-1.17-.69a1.35 1.35 0 0 1 0-1.36l6.6-11.5c.25-.44.7-.7 1.2-.7Z' stroke='%23EF4444' stroke-width='1.4'/%3E%3Cpath d='M10 7v4.8' stroke='%23EF4444' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M10 14.6h.01' stroke='%23EF4444' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:14px 50%;background-size:18px 18px}.input-error::placeholder{color:rgba(239,68,68,0.65)}.field-error{margin:6px 0 0;font-size:0.85rem;color:#ef4444}.auth-badge-helper{margin-top:var(--space-3)}.helper{color:var(--text-muted);font-size:0.875rem;margin-top:4px;line-height:1.35}.form-row-inline{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:start}@media (max-width:520px){.form-row-inline{grid-template-columns:1fr}}.auth-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.stepper{display:flex;gap:var(--space-3);flex-wrap:wrap}.stepper-circles{align-items:center;gap:var(--space-4)}.step-item{display:inline-flex;align-items:center;gap:var(--space-2)}.step-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-weight:700;font-size:0.875rem;background:var(--bg-muted);color:var(--text-muted);border:2px solid var(--border-main);transition:background 0.2s ease,border-color 0.2s ease,color 0.2s ease}.step-item.is-active .step-num{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.step-item.done .step-num{background:var(--color-accent,#10b981);border-color:var(--color-accent,#10b981);color:#fff}.step-label{font-weight:600;color:var(--text-muted)}.step-item.is-active .step-label{color:var(--color-primary)}.step-item.done .step-label{color:var(--color-accent,#10b981)}.step{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-main);background:var(--bg-muted);font-weight:600}.step.is-active{border-color:var(--color-primary);color:var(--color-primary);background:rgba(43,92,255,0.08)}.step.done{border-color:var(--color-accent);color:var(--color-accent);background:rgba(16,185,129,0.08)}.validation-badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.validation-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-main);color:var(--text-main)}.validation-badge.ok{border-color:var(--color-primary);color:var(--color-primary)}.password-meter{height:8px;border-radius:999px;background:var(--bg-muted);overflow:hidden}.password-meter-bar{height:100%;width:0%;background:linear-gradient(135deg,#f97316,#10b981,#22d3ee);transition:width 200ms ease}.card-surface{border:1px solid var(--border-main);border-radius:var(--radius-md);padding:var(--space-4);background:var(--bg-muted)}.flash-alert{border-radius:var(--radius-md);border:1px solid;padding:14px 16px;background:rgba(255,255,255,0.45);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);box-shadow:0 16px 50px rgba(15,23,42,0.12);margin-bottom:var(--space-4);transition:opacity 260ms ease,transform 260ms ease,margin 260ms ease}.flash-alert.is-fading{opacity:0;transform:translateY(-6px)}[data-theme="dark"] .flash-alert{background:rgba(17,24,39,0.55);box-shadow:0 18px 60px rgba(0,0,0,0.35)}@media (prefers-color-scheme:dark){:root[data-theme="auto"] .flash-alert{background:rgba(17,24,39,0.55);box-shadow:0 18px 60px rgba(0,0,0,0.35)}}.flash-alert-inner{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start}.flash-alert-icon{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,0.6);border:1px solid rgba(229,231,235,0.75)}[data-theme="dark"] .flash-alert-icon{background:rgba(255,255,255,0.06);border-color:rgba(31,41,55,0.9)}@media (prefers-color-scheme:dark){:root[data-theme="auto"] .flash-alert-icon{background:rgba(255,255,255,0.06);border-color:rgba(31,41,55,0.9)}}.flash-alert-text{font-weight:700;color:var(--text-main);line-height:1.35}.flash-success{border-color:rgba(16,185,129,0.35);background:linear-gradient(135deg,rgba(16,185,129,0.10),rgba(43,92,255,0.06))}.flash-success .flash-alert-icon{color:#10b981}.flash-danger{border-color:rgba(239,68,68,0.35);background:linear-gradient(135deg,rgba(239,68,68,0.10),rgba(43,92,255,0.04))}.flash-danger .flash-alert-icon{color:#ef4444}.oauth-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.oauth-google{gap:10px}.oauth-ico{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}.divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-3);color:var(--text-muted)}.divider::before,.divider::after{content:"";height:1px;background:var(--border-main)}.wizard-actions{display:flex;gap:var(--space-3);justify-content:space-between;flex-wrap:wrap}.wizard-actions{margin-top:var(--space-5)}.wizard-actions .btn{min-height:46px;padding-inline:22px}.wizard-actions .btn[disabled]{opacity:0.55;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width:640px){.wizard-actions{gap:var(--space-3)}.wizard-actions .btn{width:100%}}.triple-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media (max-width:640px){.auth-card{padding:var(--space-5)}.auth-layout{grid-template-columns:1fr;margin:0 auto;padding:var(--space-6) var(--space-5);align-items:start}.auth-card{order:1}.auth-brand{order:2;text-align:center;justify-items:center}}