.auth-container{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);background-image:radial-gradient(circle at 50% -20%,#ff43a726 0%,#0000 50%);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.auth-card{background:var(--bg-surface);border:1px solid #00000008;border-radius:20px;flex-direction:column;width:100%;max-width:440px;padding:40px 32px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex;box-shadow:0 24px 48px #0000000d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-page-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.auth-page-brand{align-items:center;gap:12px;margin-bottom:24px;font-size:1.75rem;font-weight:700;display:flex}.auth-page-title{letter-spacing:.02em;text-transform:uppercase;margin-bottom:0;font-family:Anton,sans-serif;font-size:2.2rem}.auth-form-group{margin-bottom:24px}.auth-form-row{gap:16px;display:flex}.auth-form-row .auth-form-group{flex:1}.auth-label-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.auth-label{color:var(--text-primary);font-size:.9rem;font-weight:600}.auth-label-link{color:var(--brand-pink);cursor:pointer;font-size:.85rem;text-decoration:none}.auth-label-link:hover{text-decoration:underline}.auth-input{width:100%;color:var(--text-primary);background:#fff;border:1px solid #0000001a;border-radius:10px;outline:none;padding:12px 16px;font-size:1rem;transition:all .2s;box-shadow:inset 0 2px 4px #00000005}.auth-input::placeholder{color:#a1a1aa}.auth-input:focus{border-color:var(--brand-pink);box-shadow:0 0 0 1px var(--brand-pink)}.auth-readonly-field{width:100%;color:var(--text-secondary);cursor:default;background:#00000005;border:1px solid #0000000d;border-radius:10px;padding:12px 16px;font-size:1rem}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper .auth-input{padding-right:48px}.password-toggle{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.password-toggle:hover{color:var(--text-primary)}.auth-btn-primary{background:var(--text-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:8px;padding:12px;font-size:1rem;font-weight:600;transition:opacity .2s}.auth-btn-primary:hover{opacity:.85}.auth-divider{text-align:center;color:var(--text-secondary);text-transform:uppercase;align-items:center;margin:24px 0;font-size:.8rem;font-weight:500;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #0000001a;flex:1}.auth-divider:before{margin-right:16px}.auth-divider:after{margin-left:16px}.auth-btn-secondary{width:100%;color:var(--text-primary);cursor:pointer;background:#fff;border:1px solid #0000001a;border-radius:10px;justify-content:center;align-items:center;gap:12px;margin-bottom:12px;padding:12px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.auth-btn-secondary:hover{background:var(--bg-primary)}.auth-footer-text{text-align:center;color:var(--text-secondary);margin-top:24px;font-size:.9rem}.auth-footer-link{color:var(--brand-pink);font-weight:700;text-decoration:none}.auth-footer-link:hover{text-decoration:underline}.form-error{color:#fff;background:#ef4444e6;border-radius:8px;margin-bottom:24px;padding:12px 16px;font-size:.875rem;font-weight:500;animation:.3s ease-out forwards slideDown}.form-success{color:#065f46;background:#d1fae5;border:1px solid #34d399;border-radius:8px;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;font-size:.875rem;font-weight:600;animation:.3s ease-out forwards slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-back-btn{color:var(--text-secondary);align-items:center;gap:8px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;position:absolute;top:40px;left:40px}@media (max-width:768px){.auth-back-btn{top:20px;left:20px}}.auth-back-btn:hover{color:var(--text-primary);transform:translate(-4px)}.animate-step{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideStep}@keyframes slideStep{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}