.tp-login{background:var(--slate-50);min-height:100vh;color:var(--slate-900);grid-template-columns:1fr 1fr;display:grid}.tp-login .hero-side{color:#fff;background:linear-gradient(160deg,#170c2c 0%,#2e1065 45%,#4c1d95 75%,#6d28d9 100%);flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.tp-login .hero-side:before{content:"";opacity:.5;pointer-events:none;background-image:radial-gradient(circle at 85% 15%,#ffffff1f 0%,#0000 45%),radial-gradient(circle at 15% 85%,#ffffff1a 0%,#0000 45%);position:absolute;inset:0}.tp-login .hero-brand{z-index:1;align-items:center;gap:14px;display:flex;position:relative}.tp-login .hero-brand img{width:auto;height:37px;display:block}.tp-login .hero-brand .sub{color:#ffffff8c;border-left:1px solid #fff3;padding-left:14px;font-size:11.5px}.tp-login .hero-mid{z-index:1;max-width:460px;position:relative}.tp-login .hero-mid h1{letter-spacing:-.01em;margin:0 0 14px;font-size:30px;font-weight:700;line-height:1.25}.tp-login .hero-mid p{color:#ffffffb3;margin:0;font-size:14.5px;line-height:1.6}.tp-login .hero-stats{z-index:1;border-top:1px solid #ffffff24;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:28px;display:grid;position:relative}.tp-login .hs-value{font-size:18px;font-weight:700}.tp-login .hs-label{color:#ffffff8c;margin-top:2px;font-size:11.5px}.tp-login .hero-foot{z-index:1;color:#fff6;margin-top:20px;font-size:12px;position:relative}.tp-login .form-side{justify-content:center;align-items:center;padding:40px 24px;display:flex}.tp-login .form-wrap{width:100%;max-width:380px}.tp-login .fw-brand{margin-bottom:32px}.tp-login .fw-brand img{width:auto;height:32px;display:block}.tp-login h2.form-title{letter-spacing:-.01em;margin:0 0 6px;font-size:23px;font-weight:700}.tp-login p.form-sub{color:var(--slate-500);margin:0 0 28px;font-size:13.5px;line-height:1.5}.tp-login .field{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.tp-login .field label{text-transform:uppercase;letter-spacing:.06em;color:var(--slate-400);font-size:11px;font-weight:700}.tp-login .input-wrap{position:relative}.tp-login .input{width:100%;height:46px;font:inherit;color:var(--slate-900);background:#fff;border:1px solid #0f172a14;border-radius:10px;padding:0 14px;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.tp-login .input:hover{border-color:var(--slate-300)}.tp-login .input:focus-visible{background:var(--indigo-50);border-color:var(--indigo-400);outline:none;box-shadow:0 0 0 3px #7c3aed1f}.tp-login .input.has-icon{padding-right:44px}.tp-login .input.err{border-color:var(--rose-500);background:var(--rose-50)}.tp-login .input-icon-btn{cursor:pointer;width:38px;height:38px;color:var(--slate-400);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:4px;right:4px}.tp-login .input-icon-btn:hover{background:var(--slate-100);color:var(--slate-600)}.tp-login .field-err{color:var(--rose-700);align-items:center;gap:5px;margin-top:2px;font-size:12px;display:flex}.tp-login .form-alert{background:var(--rose-50);color:var(--rose-700);border:1px solid #e11d4826;border-radius:10px;margin:0 0 18px;padding:10px 14px;font-size:13px}.tp-login .btn-primary{background:var(--indigo-600);color:#fff;width:100%;height:46px;font:inherit;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;transition:background .15s,opacity .15s;display:flex}.tp-login .btn-primary:hover{background:var(--indigo-700)}.tp-login .btn-primary:disabled{opacity:.6;cursor:not-allowed}.tp-login .spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite tp-login-spin}@keyframes tp-login-spin{to{transform:rotate(360deg)}}.tp-login .step{animation:.25s cubic-bezier(.22,.61,.36,1) tp-login-in}@keyframes tp-login-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tp-login .success-wrap{text-align:center;padding:12px 0 4px}.tp-login .success-check{background:var(--teal-50);width:64px;height:64px;color:var(--teal-600);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.tp-login .progress-track{background:var(--slate-100);border-radius:999px;height:4px;margin-top:24px;overflow:hidden}.tp-login .progress-fill{background:var(--indigo-600);height:100%;animation:1.2s linear forwards tp-login-fill}@keyframes tp-login-fill{0%{width:0}to{width:100%}}.tp-login .form-foot{text-align:center;color:var(--slate-400);margin-top:28px;font-size:12.5px}.tp-login .form-foot a{color:var(--indigo-600);font-weight:600;text-decoration:none}.tp-login .form-foot a:hover{text-decoration:underline}@media (max-width:900px){.tp-login{grid-template-columns:1fr}.tp-login .hero-side{display:none}}