@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{font-family:'Be Vietnam Pro',Arial,sans-serif;color:#17243a;background:#f2f5f8;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 20% 10%,#fff 0,transparent 45%),#eef2f6;font-size:14px}.login-card{width:min(100%,900px);min-height:590px;display:grid;grid-template-columns:304px 1fr;background:#fff;border-radius:23px;overflow:hidden;box-shadow:0 22px 65px #1a2c451f}.welcome{position:relative;overflow:hidden;padding:30px 32px;color:#fff;background:linear-gradient(155deg,#287ec3 0%,#1d5e91 58%,#174b76 100%)}.brand{font-size:26px;font-weight:800;letter-spacing:-.7px;margin:0 0 24px;line-height:1.2}.welcome h2{font-size:24px;line-height:1.25;margin:0 0 8px;font-weight:800}.welcome p{line-height:1.55;margin:0;color:#e7f2ff}.features{display:grid;gap:12px;margin-top:23px}.feature{display:flex;align-items:center;gap:9px;line-height:1.4}.feature-icon{width:23px;height:23px;flex:0 0 23px;border-radius:50%;display:grid;place-items:center;background:#ffffff30;font-size:12px}.owl{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);width:170px;height:150px;display:grid;place-items:center}.owl-mark{width:122px;height:122px;border-radius:42% 42% 38% 38%;background:linear-gradient(145deg,#fff,#d8e6f3);box-shadow:inset 0 -9px 0 #b6ccdf,0 10px 24px #0d315b35;display:grid;place-items:center;color:#15588f;font-size:42px;font-weight:800;border:5px solid #d5e2ef}.login-panel{padding:38px;display:flex;flex-direction:column;justify-content:center}.login-panel h1{font-size:23px;line-height:1.3;margin:0 0 3px;font-weight:800;color:#14233b}.subheading{margin:0 0 24px;color:#718096}.field{display:block;margin:0 0 16px}.field span{display:block;margin-bottom:7px;color:#34445e;font-size:13px}.field input{width:100%;height:47px;border:1px solid #d3dce8;border-radius:11px;padding:0 13px;color:#17243a;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:#287ec3;box-shadow:0 0 0 3px #287ec31c}.password-wrap{position:relative}.password-wrap input{padding-right:48px}.toggle-password{position:absolute;right:0;top:0;height:47px;width:45px;border:0;border-left:1px solid #e1e7ef;border-radius:0 11px 11px 0;background:#f7f9fc;color:#53657e}.login-error{padding:10px 12px;border:1px solid #f3c6c6;background:#fff4f4;color:#a32626;border-radius:9px;margin:0 0 14px;font-size:12px}.login-error[hidden]{display:none}.login-submit{height:47px;width:100%;border:0;border-radius:10px;background:#2476b8;color:#fff;font-weight:700;font-size:14px;box-shadow:0 5px 12px #2476b824}.login-submit:hover{background:#1d639d}.login-submit:disabled{opacity:.65;cursor:wait}.login-foot{text-align:center;color:#7b8798;font-size:12px;margin:18px 0 0}.login-foot strong{color:#2469a3}@media(max-width:700px){body{padding:12px;align-items:start}.login-card{grid-template-columns:1fr;min-height:0;border-radius:18px}.welcome{padding:23px 24px 20px;min-height:225px}.brand{font-size:23px;margin-bottom:15px}.welcome h2{font-size:21px}.features{grid-template-columns:1fr 1fr;gap:9px;margin-top:15px;font-size:11px}.owl{right:15px;left:auto;bottom:12px;transform:none;width:66px;height:66px;opacity:.85}.owl-mark{width:58px;height:58px;border-width:3px;font-size:23px}.login-panel{padding:28px 23px 25px}.login-panel h1{font-size:22px}}