body,.auth-icon,.social-auth__btn,.pass-toggle{display:flex;align-items:center;justify-content:center}.auth-container{background:#1c1c1c;border:1px solid #2d2d2d;border-radius:12px}body{background-color:#121212;min-height:100vh;padding:20px}.auth-container{padding:36px 30px;width:100%;max-width:420px;box-shadow:0 4px 20px rgba(0,0,0,.45)}.auth-icon{width:56px;height:56px;border-radius:50%;margin:0 auto 18px;background:rgba(244,195,175,.1);border:1px solid rgba(244,195,175,.25);color:#f4c3af}.auth-header{text-align:center;font-size:1.625em;font-weight:700;margin-bottom:10px}.auth-desc{text-align:center;color:#bbb;font-size:.9375em;line-height:1.5;margin-bottom:24px}.auth-divider{height:1px;background:#2d2d2d;margin:0 -30px 24px}.social-auth{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.social-auth__btn{gap:10px;padding:10px;background:hsla(0,0%,100%,.03);border:1px solid #2d2d2d;border-radius:10px;transition:background-color .2s ease,border-color .2s ease}.social-auth__btn-text{font-size:.9375em;font-weight:500}.social-auth__btn img{width:24px;height:24px}.social-auth__btn:hover{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.15)}.divider{display:flex;align-items:center;margin:20px 0;color:#a1a1a1;font-size:.8125em}.divider::before,.divider::after{content:"";flex:1;border-bottom:1px solid #2d2d2d;margin:0 10px}.form-group{margin-bottom:16px}label{display:block;margin-bottom:8px;font-size:.875em;color:#bbb}.input-wrap{position:relative}.input-wrap:focus-within .input-icon{color:#c2f2b1}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#a1a1a1;pointer-events:none;transition:color .2s}.pass-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;color:#a1a1a1;border-radius:6px;transition:color .2s ease,background-color .2s ease}.pass-toggle:hover{color:#fff;background:hsla(0,0%,100%,.04)}.pass-toggle__eye-off{display:none}.pass-toggle--visible .pass-toggle__eye{display:none}.pass-toggle--visible .pass-toggle__eye-off{display:block}.form-input{width:100%;padding:13px 14px 13px 42px;background:#121212;border:2px solid #2d2d2d;border-radius:10px;transition:border-color .2s}.form-input:focus{outline:none;border-color:#c2f2b1}.form-input--pass{padding-right:42px}.form-input--error{border-color:#e05656}.form-input--error:focus{border-color:#e05656}.form-row{display:flex;justify-content:space-between;align-items:center;margin-top:-4px;margin-bottom:16px;gap:12px;flex-wrap:wrap}.form-row__link{font-size:.8125em;color:#c2f2b1;font-weight:500}.form-row__link:hover{text-decoration:underline}.remember{display:flex;align-items:center;gap:8px;font-size:.8125em;color:#bbb}.remember input{accent-color:#c2f2b1}.form-error{margin-top:6px;font-size:.8125em;color:#e05656;display:none}.form-error--visible{display:block}.password-rules{margin-top:10px;display:flex;flex-direction:column;gap:6px}.password-rules__item{display:flex;align-items:center;gap:8px;font-size:.75em;color:#a1a1a1;transition:color .2s}.password-rules__item svg{opacity:0;transition:opacity .2s}.password-rules__item--valid{color:#c2f2b1}.password-rules__item--valid svg{opacity:1}.password-rules__dot{width:14px;height:14px;border-radius:50%;border:1px solid #2d2d2d;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .2s ease,border-color .2s ease}.password-rules__item--valid .password-rules__dot{background:#c2f2b1;border-color:#c2f2b1}.checkbox-group{margin:20px 0;line-height:1.5}.checkbox-item{display:flex;align-items:flex-start;margin-bottom:12px}.checkbox-item input[type=checkbox]{margin-top:3px;margin-right:10px;accent-color:#c2f2b1;flex-shrink:0}.checkbox-item label{font-size:.8125em;color:#bbb}.checkbox-item a{color:#c2f2b1;text-decoration:underline}.checkbox-item--error label{color:#e05656}.checkbox-item--error input[type=checkbox]{outline:2px solid #e05656;outline-offset:2px}.submit-btn{width:100%;padding:14px;background:#f4c3af;color:#1c1c1c;border-radius:10px;font-weight:700;margin-top:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s ease,box-shadow .2s ease}.submit-btn:hover{transform:scale(1.02);box-shadow:0 6px 10px rgba(244,195,175,.35)}.submit-btn:active{transform:scale(0.98)}.submit-btn:disabled{background:#a1a1a1;cursor:not-allowed;transform:none;box-shadow:none}.auth-hint{margin-top:18px;padding:12px 14px;background:hsla(0,0%,100%,.02);border:1px solid #2d2d2d;border-radius:10px;display:flex;align-items:flex-start;gap:10px;font-size:.8125em;color:#a1a1a1;line-height:1.5}.auth-hint svg{flex-shrink:0;color:#c2f2b1;margin-top:1px}.login-link{text-align:center;margin-top:22px;font-size:.875em;color:#a1a1a1}.login-link a{color:#c2f2b1;font-weight:600}.login-link a:hover{text-decoration:underline}