[hidden]{display:none!important}
:root{--navy:#04203b;--navy2:#022441;--teal:#37e9e4;--cyan:#3dcdd7;--ws:#f6fafd;--tx:#0d2238;--mut:#5b6b7c;--bad:#b42318}
html,body{margin:0;background:var(--ws);color:var(--tx);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
html:not(.open) body{background:linear-gradient(160deg,var(--navy) 0%,var(--navy2) 60%,#063a5a 100%);min-height:100vh}
.lk{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px 16px;box-sizing:border-box;
  padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}
.lk-card{width:100%;max-width:380px;background:#fff;border-radius:18px;padding:28px 24px;box-shadow:0 20px 50px rgba(0,0,0,.35);box-sizing:border-box}
.lk-card img{display:block;height:48px;margin:0 auto 8px}
.lk-card h1{font-size:18px;text-align:center;margin:4px 0 2px}
.lk-sub{font-size:13px;color:var(--mut);text-align:center;margin:0 0 20px}
.lk-card label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.lk-card input{width:100%;box-sizing:border-box;font-size:16px;padding:12px 14px;border:1px solid #c9d5e1;border-radius:10px;outline:none}
.lk-card input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(61,205,215,.25)}
.lk-card button{width:100%;min-height:46px;margin-top:14px;font-size:16px;font-weight:600;color:#fff;background:var(--navy);border:0;border-radius:10px;cursor:pointer}
.lk-card button:disabled{opacity:.6}
.lk-msg{min-height:20px;margin-top:12px;font-size:13px;text-align:center;color:var(--mut)}
.lk-msg.bad{color:var(--bad)}
.lk-at{margin-top:14px;font-size:12px;text-align:center;color:var(--mut)}
.lk-foot{margin-top:16px;font-size:11.5px;text-align:center;color:var(--mut);line-height:1.5}
.lk-lockbtn{position:fixed;left:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:70;font-size:12px;padding:8px 12px;border-radius:999px;border:0;background:var(--navy);color:#fff;opacity:.85}
@media (max-width:640px){.ccx .bar{padding-top:env(safe-area-inset-top)}}