body{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#e0eafc,#cfdef3);padding:18px}
.lw{display:flex;width:100%;max-width:1000px;background:#fff;border-radius:18px;box-shadow:0 20px 60px rgba(15,23,42,.15);overflow:hidden}
.lb{flex:1.05;background:linear-gradient(160deg,#1e293b 0%,#1e3a8a 55%,#0ea5e9 100%);color:#fff;padding:46px 42px;display:flex;flex-direction:column;justify-content:center}
.lb img{width:86px;height:86px;border-radius:50%;background:#fff;padding:3px;margin-bottom:22px}
.lb h1{font-size:28px;line-height:1.25;margin-bottom:10px}.lb h1 span{color:#7dd3fc}
.lb p{color:#cbd5e1;font-size:14.5px;line-height:1.6;max-width:380px}
.lb ul{list-style:none;margin-top:26px}.lb li{display:flex;gap:12px;align-items:center;margin-bottom:14px;font-size:14px}
.lb li i{width:36px;height:36px;border-radius:9px;background:rgba(14,165,233,.2);color:#7dd3fc;display:flex;align-items:center;justify-content:center}
.lf{flex:1;padding:46px 42px;display:flex;flex-direction:column;justify-content:center}
.lf h2{font-size:26px;color:#0f172a}.lf .sub{color:#64748b;font-size:14px;margin:6px 0 22px}
.who-tabs{display:flex;gap:6px;margin-bottom:16px;background:#f1f5f9;padding:4px;border-radius:10px}
.who-tabs button{flex:1;border:0;background:transparent;padding:9px 6px;border-radius:7px;font-weight:600;font-size:13px;color:#64748b;cursor:pointer}
.who-tabs button.on{background:#fff;color:#0f172a;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.lf label{font-size:11px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;display:block;margin:12px 0 6px}
.lf input[type=text],.lf input[type=password]{width:100%;padding:13px 14px;border:1px solid #cbd5e1;border-radius:10px;font-size:15px}
.lf input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px rgba(14,165,233,.15)}
.lf .btn-go{width:100%;margin-top:20px;padding:14px;border:0;border-radius:10px;background:linear-gradient(135deg,#1e3a8a,#0ea5e9);color:#fff;font-size:15px;font-weight:700;cursor:pointer}
.lf .err{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:11px 13px;border-radius:9px;font-size:13.5px;margin-bottom:6px}
.lf .row{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:13px;color:#475569}
.lf .row a{color:#0284c7;text-decoration:none;font-weight:600}
.lf .foot{margin-top:26px;font-size:12px;color:#94a3b8;text-align:center}
@media(max-width:820px){.lb{display:none}.lw{max-width:440px}.lf{padding:34px 24px}}
.lf input[type=date],.lf input[type=tel],.lf select{width:100%;padding:13px 14px;border:1px solid #cbd5e1;border-radius:10px;font-size:15px;background:#fff}
.lf .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lf .ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:14px;border-radius:10px;font-size:14px}
.get-app{display:flex;gap:10px;justify-content:center;margin-top:18px}
.get-app a{flex:1;text-align:center;padding:10px;border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;text-decoration:none;font-weight:600;font-size:13.5px}
.get-app a:hover{border-color:#0ea5e9;background:#f0f9ff}