*{box-sizing:border-box}:root{--bg:#070809;--line:#292d31;--text:#f4f6f8;--muted:#959da6;--accent:#d6dbe0}html,body{margin:0;min-height:100%;font:14px Arial,sans-serif;background:var(--bg);color:var(--text)}button,input{font:inherit}.shell{min-height:100svh;display:grid;grid-template-columns:1.3fr minmax(430px,.7fr)}.visual{padding:45px 6vw;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(90deg,rgba(5,6,7,.25),rgba(5,6,7,.78)),url("../../img/bg.png") center/cover no-repeat}.brand,.mobile-brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand img,.mobile-brand img{width:40px;height:40px;border-radius:10px;object-fit:contain}.mobile-brand{display:none;margin-bottom:28px}.visual small,.card header small{letter-spacing:.18em;color:#abb2b9;font-size:9px;font-weight:800}.visual h1{font-size:clamp(48px,5vw,76px);line-height:1.02;letter-spacing:-.055em;margin:18px 0;text-shadow:0 3px 30px #000}.visual p{color:#c3c8cd;max-width:480px;line-height:1.7}.visual>span{color:#8e959b;font-size:10px}.panel{display:grid;place-items:center;padding:35px;background:#0a0b0df2;border-left:1px solid var(--line)}.card{width:100%;max-width:390px}.card header{text-align:center;margin-bottom:24px}.card h2{font-size:29px;margin:10px 0 7px}.card header p,.note{color:var(--muted);font-size:11px}.card nav{height:42px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);padding:4px;border-radius:10px;margin-bottom:22px}.card nav button{border:0;border-radius:7px;background:none;color:var(--muted);cursor:pointer}.card nav button.active{background:var(--accent);color:#090a0b;font-weight:700}form{display:none;gap:15px}form.active{display:grid}label{display:grid;gap:8px;color:#b9bec4;font-size:11px;font-weight:700}input{height:45px;width:100%;border:1px solid var(--line);border-radius:9px;background:#070809;color:#fff;padding:0 13px;outline:0}input:focus{border-color:#c9ced3;box-shadow:0 0 0 4px #cfd3d812}.pass{position:relative}.pass input{padding-right:80px}.pass button{position:absolute;right:7px;top:7px;height:31px;border:0;border-radius:6px;background:#1b1e21;color:#aaa;font-size:9px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check{display:flex;align-items:center}.check input{width:17px;height:17px}.submit{height:46px;border:0;border-radius:9px;background:var(--accent);color:#090a0b;font-weight:800;cursor:pointer}.submit:disabled{opacity:.5}.link{border:0;background:none;color:#bfc5cb;text-align:right;font-size:10px;cursor:pointer}.message{color:#ffaaaa;font-size:10px;min-height:11px;margin:0}.success{display:none;text-align:center}.success.active{display:block}.success i{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#a7f3d018;color:#a7f3d0;font-size:25px;font-style:normal}.success .submit{width:100%}.card footer{display:flex;justify-content:center;gap:18px;margin-top:28px}.card footer a{color:var(--muted);font-size:9px;text-decoration:none}@media(max-width:800px){.shell{grid-template-columns:1fr}.visual{display:none}.panel{min-height:100svh;border:0}.mobile-brand{display:flex}}@media(max-width:450px){.panel{padding:25px 20px}.two{grid-template-columns:1fr}}
.login-2fa-modal{position:fixed;inset:0;z-index:150;display:none;place-items:center;padding:20px;background:rgba(0,0,0,.76);backdrop-filter:blur(9px)}.login-2fa-modal.open{display:grid}.login-2fa-modal>section{width:min(420px,100%);padding:34px;border:1px solid #292d31;border-radius:18px;background:#0d0f11;box-shadow:0 30px 100px rgba(0,0,0,.6);text-align:center}.login-2fa-modal img{display:block;width:36px;height:36px;margin:0 auto 18px;border-radius:9px;object-fit:contain}.login-2fa-modal>section>span{color:#abb2b9;font-size:9px;font-weight:800;letter-spacing:.18em}.login-2fa-modal h2{margin:10px 0 8px;font-size:27px}.login-2fa-modal p{margin:0 0 22px;color:#959da6;line-height:1.55}.login-2fa-modal form{display:grid!important;gap:12px}.login-2fa-modal .otp-field{padding:5px;border:1px solid #353a3f;border-radius:13px;background:linear-gradient(180deg,#08090a,#111315);box-shadow:inset 0 1px rgba(255,255,255,.03)}.login-2fa-modal input{height:58px;border:0;background:transparent;text-align:center;font-size:25px;font-weight:800;letter-spacing:9px;font-variant-numeric:tabular-nums}.login-2fa-modal input:focus{box-shadow:none}.login-2fa-modal .otp-field:focus-within{border-color:#c9ced3;box-shadow:0 0 0 4px rgba(207,211,216,.08)}.login-2fa-modal small{min-height:14px;color:#ffaaaa}.login-2fa-cancel{border:0;background:none;color:#aeb6bf;cursor:pointer}@media(max-width:440px){.login-2fa-modal>section{padding:30px 22px}.login-2fa-modal input{font-size:23px;letter-spacing:7px}}