:root{--steel:#1d4ed8;--steel-deep:#1e3a8a;--steel-soft:#3b82f6;--veg:#16a34a;--veg-soft:#dcfce7;--nonveg:#dc2626;--nonveg-soft:#fee2e2;--page:#f4f7fe;--paper:#fff;--ink:#0f172a;--muted:#64748b;--rule:#e2e8f0;--brass:#0ea5e9;--display:var(--font-fraunces), Georgia, serif;--body:var(--font-instrument-sans), "Segoe UI", sans-serif}.page-login{background:var(--page)}.page-login .auth{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.page-login .auth-art{background:var(--steel-deep);position:relative;overflow:hidden}.page-login .auth-art img{object-fit:cover;opacity:.55;width:100%;height:100%}.page-login .auth-art .over{color:#fff;background:linear-gradient(#131f2a00,#131f2af2);padding:3rem 3rem 3.5rem;position:absolute;inset:auto 0 0}.page-login .auth-art h2{max-width:14ch;margin-bottom:.8rem;font-size:2.1rem}.page-login .auth-art p{color:#bfdbfe;max-width:34ch;margin:0;font-size:.92rem}.page-login .auth-art .brand{color:#fff;font-family:var(--display);align-items:center;gap:.6rem;font-size:1.1rem;font-weight:700;display:flex;position:absolute;top:2rem;left:3rem}.page-login .auth-form{place-items:center;padding:2rem;display:grid}.page-login .panel{width:100%;max-width:400px}.page-login .panel h1{margin-bottom:.5rem;font-size:1.9rem}.page-login .panel .lede{color:var(--muted);margin:0 0 1.8rem;font-size:.92rem}.page-login .tabs{border:1px solid var(--rule);background:#e2e8f0;border-radius:999px;gap:.3rem;margin-bottom:1.4rem;padding:.25rem;display:flex}.page-login .tabs button{text-align:center;color:var(--muted);cursor:pointer;font-size:.82rem;font-weight:600;font-family:var(--body);background:0 0;border:0;border-radius:999px;flex:1;padding:.45rem}.page-login .tabs button.on{background:var(--steel);color:#fff}.page-login .otp{gap:.5rem;margin-bottom:.5rem;display:flex}.page-login .otp input{aspect-ratio:1/1.15;border:1px solid var(--rule);font-family:var(--display);text-align:center;color:var(--ink);background:#fff;border-radius:10px;flex:1;place-items:center;padding:0;font-size:1.4rem;font-weight:600;display:grid}.page-login .otp input:focus{border-color:var(--steel);outline:0;box-shadow:0 0 0 3px #24384a1a}.page-login .captcha{border:1px solid var(--rule);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:.7rem;margin:1rem 0 1.3rem;padding:.7rem .85rem;display:flex}.page-login .cbox{border:1.5px solid var(--steel);border-radius:10px;flex:none;place-items:center;width:20px;height:20px;display:grid}.page-login .cbox svg{width:12px;height:12px}.page-login .captcha span{font-size:.84rem}.page-login .captcha em{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-left:auto;font-size:.64rem;font-style:normal}.page-login .or{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.8rem;margin:1.5rem 0;font-size:.74rem;display:flex}.page-login .or:before,.page-login .or:after{content:"";background:var(--rule);flex:1;height:1px}.page-login .sso{gap:.6rem;display:grid}.page-login .sso button{border:1px solid var(--rule);background:var(--paper);cursor:pointer;width:100%;font-size:.85rem;font-weight:600;font-family:var(--body);color:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.62rem;display:flex}.page-login .sso svg{width:16px;height:16px}@media (max-width:900px){.page-login .auth{grid-template-columns:1fr}.page-login .auth-art{min-height:260px}}