*{box-sizing:border-box;margin:0;padding:0}.login-page{background:#0f172a;justify-content:center;align-items:center;min-height:100vh;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.login-page *,.login-page :before,.login-page :after{box-sizing:border-box;font-family:inherit}.login-container{background-color:#fff;border:1.5px solid #ffffff26;border-radius:24px;width:880px;height:580px;margin:10px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0f172a47}.login-container .form-box{color:#0f2942;text-align:center;z-index:1;background:#fff;align-items:center;width:50%;height:100%;padding:32px;transition:all .5s ease-in-out 1s,visibility 0s 1s;display:flex;position:absolute;right:0}.login-container.active .form-box{right:50%}.login-container .form-box.register{visibility:hidden}.login-container.active .form-box.register,.login-container .form-box.login{visibility:visible}.login-container.active .form-box.login{visibility:hidden}.form-box-content,.login-container form{z-index:1;width:100%;position:relative}.login-container h1{color:#0f2942;letter-spacing:-.02em;margin-bottom:6px;font-size:28px;font-weight:800}.login-container .login-tabs{z-index:30;pointer-events:auto;background:#f1f5f9;border-radius:10px;margin:12px 0 16px;padding:4px;display:flex;position:relative}.login-container .login-tab{color:#64748b;cursor:pointer;z-index:31;pointer-events:auto;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 12px;font-size:13px;font-weight:700;transition:all .2s;position:relative}.login-container .login-tab.active{color:#0f2942;background:#fff;box-shadow:0 2px 8px #0f172a14}.login-container .input-box{margin:20px 0;position:relative}.login-container .input-box input,.login-container .input-box select{color:#0f2942;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:8px 16px 8px 8px;font-size:14px;font-weight:600;transition:all .2s}.login-container .input-box input:focus,.login-container .input-box select:focus{background:#fff;border-color:#ea580c;box-shadow:0 0 0 3px #ea580c24}.login-container .input-box input::placeholder{color:#94a3b8;font-weight:500}.login-container .input-box i{color:#ea580c;font-size:18px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.login-container .input-box .password-toggle-btn{color:#ea580c;cursor:pointer;z-index:2;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-container .input-box .password-toggle-btn:hover{color:#c2410c;background-color:#ea580c1a}.login-container .forget-link{text-align:right;margin:-10px 0 16px}.login-container .forget-link a{color:#ea580c;font-size:12.5px;font-weight:600;text-decoration:none}.login-container .forget-link a:hover{text-decoration:underline}.login-container .btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:none;border-radius:10px;width:100%;height:48px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #ea580c59}.login-container .btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ea580c7a}.login-container .btn:disabled{opacity:.6;cursor:not-allowed}.login-container p{color:#64748b;margin:14px 0;font-size:13px;font-weight:500}.login-container .social-icons{justify-content:center;display:flex}.login-container .social-icons a{color:#0f2942;border:1.5px solid #e2e8f0;border-radius:10px;margin:0 6px;padding:10px;font-size:20px;text-decoration:none;transition:all .2s;display:inline-flex}.login-container .social-icons a:hover{color:#ea580c;background:#fff7ed;border-color:#ea580c}.login-container .toggle-box{width:100%;height:100%;position:absolute}.login-container .toggle-box:before{content:"";z-index:2;background:linear-gradient(135deg,#0f2942 0%,#1e293b 100%);border-radius:100px;width:300%;height:100%;transition:all 1.4s ease-in-out;position:absolute;left:-250%}.login-container.active .toggle-box:before{left:50%}.login-container .toggle-panel{color:#fff;z-index:2;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;padding:40px;transition:all .5s ease-in-out;display:flex;position:absolute}.login-container .toggle-panel h1{color:#fff;margin-bottom:8px;font-size:28px;font-weight:800}.login-container .toggle-panel p{color:#ffffffd9;font-size:13.5px;line-height:1.5}.login-container .toggle-panel .btn{color:#fff;width:160px;height:46px;box-shadow:none;background:0 0;border:2px solid #fff;border-radius:99px;font-weight:800;transition:all .2s}.login-container .toggle-panel .btn:hover{color:#0f2942;background:#fff;transform:translateY(-2px);box-shadow:0 6px 18px #0003}.lp-login-logo{flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.lp-login-logo-text{color:#fff;letter-spacing:-.03em;font-size:28px;font-weight:900}.lp-login-logo-text span{color:#f97316}.lp-login-logo-sub{color:#ffffffb3;letter-spacing:.05em;margin-top:2px;font-size:12px;font-weight:700}.login-container .toggle-panel.toggle-left{transition-delay:1s;left:0}.login-container.active .toggle-panel.toggle-left{transition-delay:.5s;left:-50%}.login-container .toggle-panel.toggle-right{transition-delay:.5s;right:-50%}.login-container.active .toggle-panel.toggle-right{transition-delay:1s;right:0}.login-container .form-box-content{width:100%;max-height:100%;padding-right:4px;overflow-y:auto}.login-container .form-box-content::-webkit-scrollbar{width:4px}.login-container .form-box-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.login-container .input-box-grid{grid-template-columns:1fr 4fr;gap:12px;display:grid}.login-container .step-indicator{justify-content:center;gap:16px;margin:12px 0 16px;display:flex}.login-container .step-badge{color:#64748b;cursor:pointer;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.login-container .step-number{color:#475569;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:flex}.login-container .step-badge.active{color:#0f2942}.login-container .step-badge.active .step-number{color:#fff;background:#ea580c}.login-container .file-upload-box{cursor:pointer;text-align:center;background:#fff7ed;border:2px dashed #ea580c;border-radius:12px;margin:16px 0;padding:14px;transition:background .2s}.login-container .file-upload-box:hover{background:#ffedd5}.login-container .reg-alert{text-align:left;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:12.5px;font-weight:600}.login-container .reg-alert-error{color:#991b1b;background:#fef2f2;border:1.5px solid #fca5a5}.login-container .reg-alert-success{color:#166534;background:#f0fdf4;border:1.5px solid #86efac}@media screen and (max-width:650px){.login-container{height:calc(100vh - 40px)}.login-container .form-box{width:100%;height:70%;bottom:0}.login-container.active .form-box{bottom:30%;right:0}.login-container .toggle-box:before{border-radius:20vw;width:100%;height:300%;top:-270%;left:0}.login-container.active .toggle-box:before{top:70%;left:0}.login-container .toggle-panel{width:100%;height:30%}.login-container .toggle-panel.toggle-left{top:0}.login-container.active .toggle-panel.toggle-left{top:-30%;left:0}.login-container .toggle-panel.toggle-right{bottom:-30%;right:0}.login-container.active .toggle-panel.toggle-right{bottom:0}}@media screen and (max-width:400px){.login-container .form-box{padding:20px}.login-container .toggle-panel h1{font-size:24px}}