.auth-container,.register-container{min-height:calc(100vh - var(--header-h));padding:var(--s-10)var(--page-padding);background:var(--field);isolation:isolate;justify-content:center;align-items:center;display:flex;position:relative}.auth-bg-image{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.auth-container:before{content:"";z-index:-1;background:#0000008c;position:absolute;inset:0}.auth-card,.register-card{background:var(--bg);border-radius:var(--r-block);width:100%;max-width:460px;box-shadow:var(--shadow-pop);padding:clamp(28px,4vw,44px)}.register-card{max-width:720px}.auth-header{align-items:center;gap:var(--s-3);margin-bottom:var(--s-8);text-align:center;flex-direction:column;display:flex}.auth-header h1,.auth-header h2{font-size:var(--text-h3)}.auth-header p{font-size:var(--text-sm);color:var(--fg-60)}.auth-logo-icon{width:56px;height:56px;margin:0 auto var(--s-5);background:var(--field);color:var(--fg);border-radius:999px;justify-content:center;align-items:center;display:flex}.auth-logo-icon svg{width:26px;height:26px}img.auth-logo-icon{object-fit:contain;background:0 0;border-radius:0;width:auto;height:44px}.auth-form{gap:var(--s-5);flex-direction:column;display:flex}.form-group{gap:var(--s-2);flex-direction:column;min-width:0;display:flex}.form-label{align-items:center;gap:var(--s-2);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--fg);display:flex}.form-label svg{width:15px;height:15px;color:var(--fg-40);flex-shrink:0}.form-input{width:100%;height:var(--input-h);padding-inline:var(--s-5);border-radius:var(--r-input);background:var(--field);color:var(--fg);font-family:inherit;font-size:var(--text-body);font-weight:var(--fw-body);transition:box-shadow var(--duration)ease;border:0}.form-input::placeholder{color:var(--fg-40)}.form-input:focus{box-shadow:inset 0 0 0 1.5px var(--fg);outline:none}.form-input[aria-invalid=true],.form-group .error-text~.form-input{box-shadow:inset 0 0 0 1.5px var(--critical)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-grid-2{gap:var(--s-4);grid-template-columns:repeat(2,1fr);display:grid}.form-grid-3{gap:var(--s-4);grid-template-columns:repeat(3,1fr);display:grid}.form-group-span-2{grid-column:span 2}.error-message,.success-message{padding:var(--s-3)var(--s-4);border-radius:var(--r-md);font-size:var(--text-sm);font-weight:var(--fw-medium)}.error-message{color:var(--critical);background:#fdeceb}.success-message{color:var(--success);background:#e6f4ed}.error-text{font-size:var(--text-xs);color:var(--critical)}.auth-button{justify-content:center;align-items:center;gap:var(--s-2);width:100%;height:var(--button-h);padding-inline:var(--s-6);border-radius:var(--r-button);font-family:inherit;font-size:var(--text-body);font-weight:var(--fw-bold);transition:background var(--ease-button),color var(--ease-button),border-color var(--ease-button);border:1px solid #0000;display:inline-flex}.auth-button.primary{background:var(--fg);color:var(--fg-inverse);border-color:var(--fg)}.auth-button.primary:hover:not(:disabled){background:#2b2b2b;border-color:#2b2b2b}.auth-button.google{background:var(--bg);color:var(--fg);border-color:var(--border)}.auth-button.google:hover:not(:disabled){background:var(--field);border-color:var(--fg-40)}.auth-button:disabled{opacity:.5;cursor:not-allowed}.google-icon{flex-shrink:0;width:18px;height:18px}.spinner{border:2px solid;border-top-color:#0000;border-radius:999px;width:16px;height:16px;animation:.7s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.divider{align-items:center;gap:var(--s-4);margin-block:var(--s-6);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-40);display:flex}.divider span{white-space:nowrap;flex-shrink:0}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.optional-section{padding-top:var(--s-5);border-top:1px solid var(--border);gap:var(--s-4);flex-direction:column;display:flex}.optional-header{font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-60)}.auth-footer,.form-footer{margin-top:var(--s-6);text-align:center;font-size:var(--text-sm);color:var(--fg-60)}.auth-link,.forgot-link{font-weight:var(--fw-bold);color:var(--fg);text-underline-offset:3px;text-decoration:underline}.auth-link:hover,.forgot-link:hover{opacity:.7}.forgot-link{font-size:var(--text-sm);align-self:flex-end;text-decoration:none}@media (max-width:640px){.auth-container,.register-container{padding:var(--s-6)var(--s-3)}.auth-card,.register-card{padding:var(--s-6)var(--s-5)}.form-grid-2,.form-grid-3{grid-template-columns:1fr}.form-group-span-2{grid-column:span 1}}.auth-link--button{font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0}a.auth-button{text-decoration:none}
