/* Trang đăng nhập fleet.kcb.vn. Dùng chung biến và font của fleet.css —
   tệp này chỉ thêm phần bố cục riêng của trang. */

.dn-wrap{min-height:100vh;display:flex;flex-direction:column}
.dn-than{flex:1;display:grid;grid-template-columns:minmax(0,520px);padding-top:70px}
.dn-cot{max-width:460px}
.dn-tieu-de{font-size:34px;margin-bottom:14px}
.dn-mo-ta{color:var(--mute);margin:0 0 34px;max-width:42ch;text-wrap:pretty}

.dn-form{display:flex;flex-direction:column;gap:14px;max-width:340px}
.dn-o{font-family:var(--mono);font-size:16px;padding:11px 12px;color:var(--ink);
  background:var(--paper);border:1px solid var(--rule);border-radius:2px}
.dn-o:focus-visible{outline:2px solid var(--ok);outline-offset:2px;border-color:transparent}
.dn-nut{align-self:flex-start;padding:10px 18px;font-size:15px}

.dn-chan{margin-top:44px;font-size:13px;color:var(--mute);max-width:44ch;text-wrap:pretty}

@media (max-width:640px){
  .dn-than{padding-top:44px}
  .dn-tieu-de{font-size:27px}
}