#me-login{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow-y:auto;background:#0E2244;font-family:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#0F1D33;transition:opacity .3s}
#me-login.out{opacity:0;pointer-events:none}
#me-login .lg-bg{position:fixed;inset:0;background:radial-gradient(120% 90% at 100% 0%,#1C3B6E 0%,transparent 60%),#0E2244;background-size:cover;background-position:center}
#me-login .lg-card{position:relative;width:100%;max-width:420px;background:#fff;border-radius:18px;padding:28px 26px 24px;box-shadow:0 30px 80px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:14px;margin:auto}
#me-login .lg-brand{display:flex;align-items:center;gap:10px;font-family:"Newsreader",Georgia,serif;font-size:19px;color:#0E2244}
#me-login .lg-mark{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:#0E2244;color:#D4AF5A;font-size:15px;letter-spacing:.02em}
#me-login h1{font-family:"Newsreader",Georgia,serif;font-weight:500;font-size:28px;line-height:1.15;margin:4px 0 0}
#me-login .lg-sub{margin:0;color:#67748A;font-size:14px;line-height:1.5}
#me-login .lg-tabs{display:grid;grid-template-columns:1fr 1fr;background:#F2F4F8;border-radius:10px;padding:4px;gap:4px}
#me-login .lg-tabs button{all:unset;cursor:pointer;text-align:center;padding:9px 6px;border-radius:8px;font-weight:600;font-size:13.5px;color:#67748A}
#me-login .lg-tabs button[aria-selected="true"]{background:#fff;color:#0E2244;box-shadow:0 1px 3px rgba(14,34,68,.12)}
#me-login .lg-tabs button:focus-visible{outline:2px solid #A8812F}
#me-login form{display:flex;flex-direction:column;gap:12px}
#me-login label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;color:#3A4860}
#me-login input{width:100%;box-sizing:border-box;border:1px solid #CBD3E0;border-radius:10px;padding:12px 13px;font:inherit;font-size:16px;font-weight:400;color:#0F1D33;background:#fff;outline:none}
#me-login input:focus{border-color:#A8812F;box-shadow:0 0 0 3px rgba(168,129,47,.2)}
#me-login .lg-pw{position:relative;display:block}
#me-login .lg-pw input{padding-right:74px}
#me-login .lg-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#2B569F;font:inherit;font-size:12.5px;font-weight:600;padding:8px;cursor:pointer}
#me-login .lg-btn{margin-top:4px;border:0;border-radius:10px;background:#0E2244;color:#fff;font:inherit;font-weight:700;font-size:15px;padding:13px 16px;cursor:pointer}
#me-login .lg-btn:hover{background:#1B3A6E}
#me-login .lg-btn[disabled]{opacity:.6;cursor:wait}
#me-login .lg-link{all:unset;cursor:pointer;align-self:center;color:#2B569F;font-size:13.5px;font-weight:600;padding:4px}
#me-login .lg-link:focus-visible{outline:2px solid #A8812F}
#me-login .lg-msg{background:#F8E2E0;color:#8E2A23;border-radius:10px;padding:10px 12px;font-size:13.5px;line-height:1.45}
#me-login .lg-msg.ok{background:#E2F1E9;color:#155C3E}
#me-login .lg-status{text-align:center;color:#67748A;font-size:13px}
@media (prefers-color-scheme: dark){
  #me-login .lg-card{background:#0F1B2F;color:#E8EDF5}
  #me-login .lg-brand{color:#E8EDF5}
  #me-login .lg-sub,#me-login .lg-status{color:#8793A9}
  #me-login label{color:#BAC5D7}
  #me-login input{background:#0C1729;border-color:#2B3B58;color:#E8EDF5}
  #me-login .lg-tabs{background:#0C1729}
  #me-login .lg-tabs button[aria-selected="true"]{background:#1E2C44;color:#E8EDF5}
  #me-login .lg-btn{background:#D4AF5A;color:#0B1424}
  #me-login .lg-btn:hover{background:#E2C274}
  #me-login .lg-link,#me-login .lg-eye{color:#86A9E8}
  #me-login .lg-msg{background:#321614;color:#F4B3AC}
  #me-login .lg-msg.ok{background:#10271C;color:#8FDDB5}
}
#me-install{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(88px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;gap:10px;align-items:center;background:#0E2244;color:#fff;border-radius:14px;padding:10px 12px 10px 16px;box-shadow:0 12px 32px rgba(0,0,0,.3);font-size:13.5px;max-width:calc(100vw - 32px)}
#me-install button{border:0;border-radius:9px;font:inherit;font-weight:700;padding:8px 12px;cursor:pointer}
#me-install .go{background:#D4AF5A;color:#0B1424}
#me-install .no{background:transparent;color:#C5CCD9;padding:8px 6px}
@media (min-width:821px){#me-install{bottom:24px}}