.login{--lv-a:#141418;--lv-b:#232330;--lv-c:#15151b;--lv-ink:#fff;--lv-soft:#d7d6e0;--lv-faint:#9b9aa8;--lv-y:#f5b92e;--mw-bg:#17181d;--mw-side:#1c1d23;--mw-card:#1f2027;--mw-on:#edecf2;--mw-ink:#f2f1ed;--mw-muted:#9c9ba4;--mw-hero-b:#2a2a34;--mw-hero-a:#1b1b22;background:var(--ground);grid-template-columns:1.05fr .95fr;min-height:100dvh;display:grid}.login-vis,.login-form{min-width:0}.login-vis{color:var(--lv-ink);background:radial-gradient(900px 500px at 15% 0%,color-mix(in srgb,var(--gold) 55%,transparent),transparent 55%), radial-gradient(700px 500px at 100% 100%,color-mix(in srgb,var(--prmedia) 40%,transparent),transparent 55%), linear-gradient(150deg,var(--lv-a),var(--lv-b) 55%,var(--lv-c));flex-direction:column;padding:48px 52px;display:flex;position:relative;overflow:hidden}.login-vis:after{content:"";opacity:.5;pointer-events:none;background-image:radial-gradient(#ffffff12 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.login-vis>*{z-index:1;position:relative}.lv-top{flex-direction:column;align-items:flex-start;gap:11px;display:flex}.lv-nest{width:auto;height:84px;color:var(--lv-ink);display:block}.lv-tag{letter-spacing:.22em;color:var(--gold);text-transform:uppercase;font-size:11px;font-weight:700}.lv-hero{margin-top:auto;padding-top:38px}.lv-hero h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--lv-ink);max-width:14ch;font-size:clamp(30px,3.8vw,46px);font-weight:800;line-height:1.05}.lv-hero h1 .lv-y{color:var(--lv-y)}.lv-hero p{color:var(--lv-soft);max-width:42ch;margin:14px 0 0;font-size:14.5px;line-height:1.6}.lv-eco{border-top:1px solid #ffffff24;margin-top:34px;padding-top:26px}.lv-eco-lbl{letter-spacing:.16em;text-transform:uppercase;color:var(--lv-faint);margin-bottom:14px;font-size:10px;font-weight:700}.lv-dpr{width:auto;height:38px;margin-bottom:18px;display:block}.lv-agencies{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.lv-ag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;min-width:48px;height:48px;padding:0 13px;display:inline-flex}.lv-ag img{object-fit:contain;width:auto;max-width:120px;height:auto;max-height:30px}.login-form{flex-direction:column;justify-content:center;align-items:center;padding:40px 28px;display:flex;position:relative}.lf-card{width:100%;max-width:400px;margin:auto 0}.lf-card h2{letter-spacing:-.02em;font-size:26px;font-weight:700}.lf-card .sub{color:var(--muted);margin:7px 0 24px;font-size:13.5px}.lf-alert{margin:-8px 0 18px}.gbtn{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);box-shadow:var(--shadow);border-radius:13px;justify-content:center;align-items:center;gap:11px;padding:13px 16px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.gbtn:hover:not(:disabled){border-color:var(--gold);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.gbtn:disabled,.lf-submit:disabled{opacity:.6}.gbtn svg{flex:none;width:20px;height:20px}.lf-or{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:12px;margin:22px 0;font-size:11px;font-weight:700;display:flex}.lf-or:before,.lf-or:after{content:"";background:var(--line);flex:1;height:1px}.lf-field{margin-bottom:15px}.lf-field label{margin-bottom:7px;font-size:12px;font-weight:700;display:block}.lf-input{position:relative}.lf-input>svg{width:17px;height:17px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.lf-input input{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--ink);border-radius:12px;padding:13px 14px 13px 40px;font-family:inherit;font-size:14px;transition:all .15s}.lf-input input[type=password],.lf-input input.pwd{padding-right:42px}.lf-input input:focus{border-color:var(--gold);background:var(--surface);box-shadow:0 0 0 3px var(--gold-soft);outline:none}.lf-input .eye{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.lf-input .eye:hover{color:var(--ink)}.lf-input .eye svg{width:17px;height:17px}.lf-submit{background:var(--gold);color:#1b1b1b;width:100%;box-shadow:var(--shadow);border:none;border-radius:13px;margin-top:5px;padding:14px;font-size:14.5px;font-weight:700;transition:all .15s}.lf-submit:hover:not(:disabled){box-shadow:var(--shadow-lg);filter:brightness(1.03);transform:translateY(-1px)}.lf-copy{text-align:center;color:var(--muted);padding-top:28px;font-size:11.5px}.lf-demo{color:var(--muted);background:var(--surface-2);border:1px dashed var(--line);border-radius:10px;margin-top:16px;padding:9px 8px;font-size:11.5px}.lf-demo>b{text-align:center;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;font-size:10px;display:block}.lf-demo button{width:100%;color:inherit;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:5px 8px;font-size:12px;display:flex}.lf-demo button:hover{background:var(--surface)}.lf-demo button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lf-demo button em{color:var(--ink);flex:none;font-size:11px;font-style:normal;font-weight:700}.login-vis>.lv-mock{z-index:0;pointer-events:none;perspective:1400px;width:760px;animation:1.1s cubic-bezier(.4,0,.2,1) .25s both mockIn;position:absolute;top:14%;right:-215px;-webkit-mask-image:linear-gradient(90deg,#0000 0 20%,#000 46% 100%);mask-image:linear-gradient(90deg,#0000 0 20%,#000 46% 100%)}@keyframes mockIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.lv-win{background:var(--mw-bg);transform-origin:0;opacity:.82;border:1px solid #ffffff24;border-radius:20px;width:760px;height:470px;animation:9s ease-in-out infinite mockFloat;display:flex;overflow:hidden;transform:rotateY(-16deg)rotateX(5deg)rotate(1.5deg);box-shadow:0 40px 90px #0000008c}@keyframes mockFloat{0%,to{transform:rotateY(-16deg)rotateX(5deg)rotate(1.5deg)translateY(0)}50%{transform:rotateY(-16deg)rotateX(5deg)rotate(1.5deg)translateY(-10px)}}.mw-side{background:var(--mw-side);border-right:1px solid #ffffff12;flex-direction:column;align-items:center;gap:13px;width:62px;padding:14px 0;display:flex}.mw-side i{background:#ffffff14;border-radius:8px;width:26px;height:26px}.mw-side i.on{background:var(--mw-on)}.mw-side .mw-logo{background:var(--mw-on);border-radius:10px;width:34px;height:34px;margin-bottom:6px}.mw-main{flex-direction:column;flex:1;gap:12px;min-width:0;padding:16px 18px;display:flex}.mw-top{align-items:center;gap:10px;display:flex}.mw-top b{font:700 14px var(--font-display);color:var(--mw-ink);margin-right:auto}.mw-pill{background:#ffffff12;border-radius:8px;width:120px;height:24px}.mw-dot{background:#ffffff12;border-radius:8px;width:24px;height:24px}.mw-hero{background:radial-gradient(300px 140px at 90% -20%,#e1231a8c,transparent 65%),linear-gradient(135deg,var(--mw-hero-a),var(--mw-hero-b));border-radius:14px;padding:16px 18px}.mw-hero small{letter-spacing:.16em;color:var(--lv-y);font-size:8px;font-weight:700}.mw-hero h5{font:800 19px/1.1 var(--font-display);color:var(--lv-ink);max-width:18ch;margin:6px 0 10px}.mw-meta{gap:14px;display:flex}.mw-meta u{background:#ffffff1f;border-radius:6px;width:70px;height:20px}.mw-kpis{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.mw-kpis div{background:var(--mw-card);border:1px solid #ffffff12;border-radius:11px;padding:10px 12px}.mw-kpis b{font:700 19px var(--font-display);color:var(--mw-ink);display:block}.mw-kpis span{color:var(--mw-muted);font-size:9px}.mw-row{flex:1;grid-template-columns:1.2fr 1fr;gap:10px;display:grid}.mw-card{background:var(--mw-card);border:1px solid #ffffff12;border-radius:12px;padding:12px 14px}.mw-card h6{font:700 10px var(--font-display);color:var(--mw-ink);margin:0 0 9px}.mw-card p{align-items:center;gap:9px;margin:0 0 9px;display:flex}.mw-card p i{background:#f5b92e38;border-radius:7px;width:22px;height:22px}.mw-card p s{background:#ffffff1f;border-radius:4px;flex:1;height:7px}.mw-card p em{background:#f5b92e4d;border-radius:7px;width:34px;height:14px}.mw-card p b{background:linear-gradient(135deg,#ffffff47,#ffffff1a);border-radius:50%;flex:none;width:24px;height:24px}@keyframes loginUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes loginFade{0%{opacity:0}to{opacity:1}}@keyframes loginPanel{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:none}}.login .login-vis{animation:.7s cubic-bezier(.4,0,.2,1) both loginPanel}.login .login-vis>:not(.lv-mock){animation:.7s cubic-bezier(.4,0,.2,1) both loginUp}.login .lv-top{animation-delay:.12s}.login .lv-hero{animation-delay:.22s}.login .lv-eco{animation-delay:.32s}.login .lv-agencies .lv-ag{animation:.6s cubic-bezier(.4,0,.2,1) both loginUp}.login .lv-agencies .lv-ag:first-child{animation-delay:.42s}.login .lv-agencies .lv-ag:nth-child(2){animation-delay:.5s}.login .lv-agencies .lv-ag:nth-child(3){animation-delay:.58s}.login .lv-agencies .lv-ag:nth-child(4){animation-delay:.66s}.login .lf-card{animation:.5s .15s both loginFade}.login .lf-card>*{animation:.6s cubic-bezier(.4,0,.2,1) both loginUp}.login .lf-card h2{animation-delay:.24s}.login .lf-card .sub{animation-delay:.3s}.login .lf-card .gbtn-form{animation-delay:.38s}.login .lf-card .lf-or{animation-delay:.44s}.login .lf-card .lf-pwd{animation-delay:.5s}.login .lf-card .lf-demo{animation-delay:.56s}.login .lf-copy{animation:.6s .7s both loginFade}@media (max-width:860px){.login{display:block;overflow-x:hidden}.login-vis{border-radius:0 0 26px 26px;padding:30px 24px 26px}.login-vis:after{background-size:18px 18px}.login-vis>.lv-mock{display:none}.lv-nest{height:58px}.lv-tag{letter-spacing:.18em;font-size:10px}.lv-hero{margin-top:20px;padding-top:0}.lv-hero h1{max-width:18ch;font-size:clamp(23px,7vw,30px)}.lv-hero p{margin-top:10px;font-size:13.5px}.lv-eco{margin-top:20px;padding-top:18px}.lv-eco-lbl{margin-bottom:11px}.lv-dpr{height:30px;margin-bottom:14px}.lv-agencies{gap:8px}.lv-ag{min-width:42px;height:42px;padding:0 11px}.lv-ag img{max-width:96px;max-height:24px}.login-form{justify-content:flex-start;padding:30px 22px 44px}.lf-card{max-width:440px}.lf-card h2{font-size:23px}}@media (max-width:400px){.lv-hero h1{font-size:22px}.lv-ag{height:38px;padding:0 9px}.lv-ag img{max-width:84px;max-height:21px}.login-vis{padding:26px 20px 22px}.login-form{padding:26px 18px 40px}}@media (prefers-reduced-motion:reduce){.login,.login *{transition:none!important;animation:none!important}}