.auth-body{background:#f8fafc;min-height:100vh;display:flex;flex-direction:column}.auth-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#fdfbfb,#ebedee);min-height:calc(100vh - 70px)}.auth-container{width:100%;max-width:480px;background:#fff;border-radius:24px;box-shadow:0 20px 40px #00000014;padding:3rem;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-logo{display:inline-block;margin-bottom:1.5rem}.auth-logo img{height:60px;width:auto}.auth-title{font-family:Outfit,sans-serif;font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;letter-spacing:-.02em}.auth-subtitle{color:#64748b;font-size:1rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{text-align:left}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#334155;font-size:.925rem}.form-input-wrapper{position:relative}.form-input{width:100%;height:50px;padding:0 1.25rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;color:#1e293b;transition:all .2s ease;background:#f8fafc}.form-input:focus{outline:none;border-color:#e91e63;background:#fff;box-shadow:0 0 0 4px #e91e631a}.form-input::placeholder{color:#94a3b8}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn-auth{height:54px;background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;font-weight:600;font-size:1.1rem;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 10px 20px #e91e6333}.btn-auth:hover{transform:translateY(-2px);box-shadow:0 15px 30px #e91e634d}.btn-auth:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #f1f5f9;color:#64748b}.auth-link{color:#e91e63;font-weight:600;text-decoration:none;transition:color .2s}.auth-link:hover{color:#be124e;text-decoration:underline}@media(max-width:640px){.auth-container{padding:2rem}.form-row{grid-template-columns:1fr}.auth-title{font-size:1.75rem}}.auth-branding{display:none;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);padding:var(--space-3xl);position:relative;overflow:hidden}@media(min-width:1024px){.auth-branding{display:flex;flex-direction:column;justify-content:space-between}}.auth-branding-decoration{position:absolute;bottom:-30%;right:-20%;width:80%;height:80%;background:radial-gradient(circle,rgba(233,30,140,.08) 0%,transparent 70%);pointer-events:none}.auth-logo{display:flex;align-items:center;gap:var(--space-md);text-decoration:none;z-index:1}.auth-logo-img{height:48px;width:auto}.auth-logo-text{font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-branding-content{z-index:1}.auth-branding-title{font-family:var(--font-family-display);font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-branding-text{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:1.6;max-width:400px}.auth-form-panel{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);min-height:100vh}.auth-form-container{width:100%;max-width:400px}.auth-form-header{text-align:center;margin-bottom:var(--space-xl)}.auth-form-header:before{content:"";display:block;width:64px;height:64px;background:url(/assets/smr-DTuaMCeU.png) center/contain no-repeat;margin:0 auto var(--space-lg)}@media(min-width:1024px){.auth-form-header:before{display:none}}.auth-form-title{font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.auth-form-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm)}.auth-form{display:flex;flex-direction:column;gap:var(--space-lg)}.input-icon-wrapper{position:relative}.input-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.form-input.with-icon{padding-left:calc(var(--space-md) + 28px)}.password-toggle{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-xs);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.password-toggle:hover{color:var(--text-primary)}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-secondary)}.checkbox-label input{display:none}.checkbox-custom{width:18px;height:18px;border:2px solid var(--border-color);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.checkbox-label input:checked+.checkbox-custom{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-label input:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.form-error-message{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm)}.btn-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-lg) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.auth-divider span{color:var(--text-tertiary);font-size:var(--font-size-sm)}.auth-social{display:flex;flex-direction:column;gap:var(--space-sm)}.btn-social{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);height:48px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-social:hover:not(:disabled){background:var(--bg-tertiary)}.btn-social:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;margin-top:var(--space-xl);font-size:var(--font-size-sm);color:var(--text-secondary)}.auth-footer a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium)}.auth-footer a:hover{text-decoration:underline}.dev-hint{margin-top:var(--space-xl);padding:var(--space-md);background:#e91e8c0d;border:1px dashed rgba(233,30,140,.3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--text-secondary)}.dev-hint p{margin:var(--space-xs) 0}.dev-hint code{background:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-sm);font-family:monospace;color:var(--color-primary)}