.auth{background:var(--surface-sunken);min-height:100vh;padding:var(--space-6) var(--gutter);justify-content:center;align-items:center;display:flex}.auth__panel{width:min(400px,100%);min-width:0}.auth__card{background:var(--color-white);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-md);padding:36px}.auth__card--success{width:420px;padding:var(--space-10);text-align:center}.auth__logo{align-items:center;display:inline-flex}.auth__logo:hover{text-decoration:none}.auth__logo .brand-logo{max-width:100%;height:29px}[dir=rtl] .auth__logo{width:max-content;margin-inline-start:auto;display:flex}.auth__toggle{gap:var(--space-1);background:var(--surface-sunken);border-radius:var(--radius-md);padding:var(--space-1);margin:var(--space-6) 0;display:flex}.auth__toggle-btn{border-radius:var(--radius-sm);cursor:pointer;box-shadow:none;font:var(--fw-semibold) var(--fs-200) / 1 var(--font-body);color:var(--text-secondary);background:0 0;border:none;flex:1;padding:10px 0}.auth__toggle-btn.is-active{background:var(--color-white);box-shadow:var(--shadow-sm);color:var(--text-primary)}.auth__title{font:var(--type-h4);color:var(--text-primary);margin:0 0 var(--space-5)}.auth__form{flex-direction:column;gap:14px;display:flex}.auth__submit{margin-top:var(--space-2);justify-content:center}.auth__success-title{font:var(--type-h3);color:var(--text-primary);margin:var(--space-4) 0 var(--space-2)}.auth__success-sub{font:var(--type-body);color:var(--text-secondary);margin:0 0 var(--space-6)}.auth__back{text-align:center;margin-top:var(--space-4);font:var(--type-body-sm);color:var(--text-secondary);display:block}.auth__back:hover{color:var(--color-ocean-600)}@media (width<=640px){.auth__card{padding:var(--space-6)}}