body:has(.auth-root){background-color:#fcfdfd}.auth-root{min-height:100vh;display:flex}.auth-root .left{background:linear-gradient(#020617 0%,#022c22 45%,#065f46 100%);flex-direction:column;flex-shrink:0;width:450px;min-height:100vh;padding:60px 50px;display:flex;position:relative;overflow:hidden}.auth-root .left:before{content:"";background-image:radial-gradient(circle at 20% 30%,#10b9812e 0%,#0000 50%),radial-gradient(circle at 80% 70%,#fbbf2414 0%,#0000 40%);position:absolute;inset:0}.auth-root .logo-panel,.auth-root .left .quote{z-index:1;position:relative}.auth-root .left-logo-area{z-index:1;flex:1;align-items:center;display:flex;position:relative}.auth-root .logo{align-items:center;gap:12px;display:flex}.auth-root .logo-panel{width:100%}.auth-root .left .logo span{color:#fff;letter-spacing:-.5px;font-size:24px;font-weight:900}.auth-root .mobile-logo span,.auth-root .mobile-logo .mobile-brand{color:#020617;font-size:22px;font-weight:900}.auth-root .quote p{color:#a7f3d0;letter-spacing:-.1px;border-left:3px solid #10b981;padding-left:16px;font-size:17px;font-weight:400;line-height:1.6}.auth-root .right{background:#fcfdfd;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex;position:relative}.auth-root .right-top{z-index:2;position:absolute;top:24px;right:24px}.auth-root .form-wrap{width:100%;margin:auto 0;animation:.5s ease-out both authFadeIn}.auth-root .form-header{margin-bottom:28px}.auth-root .mobile-logo{justify-content:center;align-items:center;margin-bottom:24px;display:none}.auth-root .form-header h1{color:#020617;letter-spacing:-.8px;margin-bottom:8px;font-size:28px;font-weight:800}.auth-root .form-header p{color:#64748b;font-size:15px;font-weight:400}.auth-root .field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.auth-root label{color:#1e293b;font-size:14px;font-weight:600}.auth-root label .required-mark{color:#dc2626;margin-left:2px;font-weight:700}.auth-root label .optional-tag{color:#94a3b8;margin-left:4px;font-size:12px;font-weight:500}.auth-root input,.auth-root textarea{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:0 14px;font-family:inherit;font-size:15px;transition:all .2s}.auth-root input{height:44px}.auth-root textarea{resize:vertical;min-height:88px;padding:12px 14px}.auth-root input::placeholder,.auth-root textarea::placeholder{color:#cbd5e1}.auth-root input:focus,.auth-root textarea:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b9811f}.auth-root input.input-invalid,.auth-root textarea.input-invalid{border-color:#fca5a5;box-shadow:0 0 0 3px #f871711f}.auth-root .field-error{color:#dc2626;font-size:12px;font-weight:500;line-height:1.4}.auth-root .form-section{border-top:1px solid #e2e8f0;margin:20px 0 16px;padding-top:16px}.auth-root .form-section-title{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:13px;font-weight:700}.auth-root .input-wrap{position:relative}.auth-root .input-wrap input{padding-right:44px}.auth-root .toggle-pass{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:6px;align-items:center;padding:6px;transition:all .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.auth-root .toggle-pass:hover{color:#10b981;background-color:#10b98114}.auth-root .error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:12px 14px;font-size:14px;font-weight:500;animation:.4s linear authShake;display:flex}.auth-root .success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:12px 14px;font-size:14px;font-weight:500;animation:.4s ease-out both authFadeIn;display:flex}.auth-root .success strong{margin-bottom:2px;font-weight:700;display:block}.auth-root .submit{color:#fff;cursor:pointer;letter-spacing:-.1px;background:linear-gradient(90deg,#10b981 0%,#059669 100%);border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;height:46px;margin-top:8px;font-family:inherit;font-size:16px;font-weight:600;transition:background .2s,transform .1s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #10b98140}.auth-root .submit:hover:not(:disabled){background:linear-gradient(90deg,#059669 0%,#047857 100%);box-shadow:0 6px 18px #10b9814d}.auth-root .submit:active:not(:disabled){transform:translateY(1px)}.auth-root .submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.auth-root .spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite authSpin}.auth-root .footer-note{color:#94a3b8;text-align:center;margin-top:32px;font-size:13px}.auth-root .link-emerald{color:#10b981;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:600}.auth-root .link-emerald:hover{color:#059669}.auth-root .auth-hint{text-align:center;color:#64748b;margin-top:22px;font-size:14px}.auth-root .auth-actions{justify-content:center;gap:10px;margin-top:8px;font-size:14px;display:flex}@keyframes authFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes authShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes authSpin{to{transform:rotate(360deg)}}@media (max-width:850px){.auth-root .left{width:300px;padding:40px}.auth-root .left .logo span{font-size:20px}.auth-root .quote p{font-size:15px}}@media (max-width:700px){.auth-root .left{display:none}.auth-root .mobile-logo{display:flex}.auth-root .form-header h1{text-align:center;font-size:24px}.auth-root .form-header p{text-align:center}}