:root{--h:"Montserrat", "Gotham", "Helvetica Neue", Arial, sans-serif;--b:"Open Sans", "Segoe UI", Helvetica, Arial, sans-serif}*,:before,:after{box-sizing:border-box}html,body{background:#f4f6f8;margin:0}.skip-link{color:#022c51;z-index:10;background:#fff;border-radius:6px;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip-link:focus{left:16px}.pub{--panel:#fff;--line:#e0e6ec;--line-2:#eef2f5;--ink:#1c2b3a;--muted:#4a5b6e;--faint:#767676;--blue-d:#3a7ea8;--navy:#022c51;--ok:#1f8a4c;--bad:#c0392b;max-width:390px;min-height:100vh;color:var(--ink);font:14px/1.5 var(--b);background:#f4f6f8;flex-direction:column;margin:0 auto;display:flex}@media (min-width:480px){.pub{border:1px solid var(--line);border-radius:10px;min-height:0;margin:32px auto;overflow:hidden}}.pub a{color:var(--blue-d);text-decoration:none}.pub a:focus-visible,.pub button:focus-visible,.pub input:focus-visible{outline-offset:2px;outline:3px solid #4e98c68c}.pub .head{color:#fff;padding:16px 16px 14px;padding-top:max(16px, env(safe-area-inset-top));background:linear-gradient(160deg,#011e38 0%,#022c51 50%,#033d70 100%);position:relative}.pub .head .brand{font:800 10.5px/1 var(--h);letter-spacing:.14em;text-transform:uppercase;opacity:.85}.pub .head h1{color:#fff;font:800 17px/1.2 var(--h);letter-spacing:.04em;text-transform:uppercase;margin:6px 0 0}.pub .head h1 .sw{box-shadow:inset 0 -6px #fed7668c}.pub .head p{color:#ffffffd9;margin:6px 0 0;font-size:13px}.pub .body{flex-direction:column;flex:1;gap:12px;padding:14px 16px 24px;display:flex}.pub form{flex-direction:column;gap:12px;margin:0;display:flex}.pub label{margin-bottom:4px;font-size:13px;font-weight:600;display:block}.pub .in{border:1px solid var(--line);background:var(--panel);width:100%;min-height:46px;font:16px var(--b);color:var(--ink);border-radius:6px;padding:0 12px}.pub .in:focus{border-color:#4e98c6;outline:none;box-shadow:0 0 0 1px #4e98c6}.pub .in.code{text-align:center;min-height:54px;font:800 22px/1 var(--h);letter-spacing:.5em;border-radius:8px;padding-left:calc(12px + .5em)}.pub .btn{width:100%;min-height:48px;font:800 12px/1 var(--h);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);background:var(--panel);color:var(--navy);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;transition:transform .15s,box-shadow .15s;display:flex}.pub .btn:not(:disabled):hover{transform:translateY(-2px)}.pub .btn:disabled{opacity:.55;cursor:default}.pub .btn.pri{color:#fff;background:linear-gradient(135deg,#5ba3d0 0%,#4e98c6 50%,#3a7ea8 100%);border:0;box-shadow:0 3px 10px #022c5140}.pub .btn.sm{min-height:44px;font-size:11px}.pub .fine{color:var(--muted);margin:0;font-size:11.5px}.pub .card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.pub .card h3{font:800 10.5px/1.2 var(--h);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.pub .card p{margin:0;font-size:13.5px}.pub .card.key{text-align:center;padding:22px 14px}.pub .card.key .ring{border:2px solid #4e98c6;border-radius:50%;width:56px;height:56px;margin:0 auto 10px}.pub .row{border-top:1px solid var(--line-2);justify-content:space-between;gap:10px;padding:6px 0;font-size:13px;display:flex}.pub .row:first-of-type{border-top:0}.pub .msg{margin:0;font-size:13px}.pub .msg.bad{color:var(--bad)}.pub .msg.ok{color:var(--ok)}.pub .foot{padding:12px 16px;padding-bottom:max(12px, env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--muted);font-size:11px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}