:root{--navy:#0e3559;--blue:#1267d8;--teal:#10c9b0;--bg:#f3f6f9;--line:#dce4eb;--text:#152333;--muted:#687684;--red:#9b3434}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text);background:linear-gradient(145deg,#edf4f8,#f8fafc)}button,input{font:inherit}.hidden{display:none!important}.shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.top{height:64px;background:var(--navy);color:#fff;display:flex;align-items:center;padding:10px 16px}.brandWrap{display:flex;align-items:center;gap:10px}.brandLogo{width:38px;height:38px;display:block;object-fit:contain;flex:0 0 auto}.sub{font-size:9px;opacity:.78;margin-top:0}.main{display:flex;align-items:center;justify-content:center;padding:24px}.card{width:min(470px,100%);background:#fff;border:1px solid var(--line);border-radius:19px;padding:26px;box-shadow:0 18px 55px #1026381c}.mark{width:56px;height:56px;border-radius:16px;background:linear-gradient(145deg,#1267ff,#10d3b2);display:grid;place-items:center;color:#fff;font-size:16px;font-weight:950;margin-bottom:14px}.eyebrow{font-size:8px;font-weight:950;letter-spacing:.1em;color:var(--blue);text-transform:uppercase}.card h1{margin:6px 0 7px;font-size:25px;color:var(--navy)}.hint{font-size:11px;line-height:1.55;color:var(--muted)}.label{display:block;font-size:8px;font-weight:900;text-transform:uppercase;color:var(--muted);margin-top:16px}.field{width:100%;height:50px;border:1px solid var(--line);border-radius:11px;padding:10px 12px;margin-top:5px;background:#fff}.field:focus{outline:2px solid #bad8ea;outline-offset:1px}.pin{font-size:21px;font-weight:850;letter-spacing:.18em;text-align:center}.btn{width:100%;height:46px;border:0;border-radius:11px;background:var(--blue);color:#fff;font-weight:900;cursor:pointer;margin-top:14px}.btn:disabled{opacity:.55;cursor:not-allowed}.err{min-height:18px;color:var(--red);font-size:9px;margin-top:8px}.ok{min-height:18px;color:#176f39;font-size:9px;margin-top:8px}.workspace{margin-top:10px;background:#eef6fc;border:1px solid #cfe2ef;border-radius:10px;padding:10px}.workspace span{display:block;font-size:7px;color:var(--muted);font-weight:900;text-transform:uppercase}.workspace b{display:block;margin-top:3px;font-size:12px;color:var(--navy);word-break:break-all}.private{display:flex;gap:8px;align-items:flex-start;margin-top:15px;padding-top:13px;border-top:1px solid #edf1f4}.lock{width:28px;height:28px;border-radius:8px;background:#eef4f7;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.private b{display:block;font-size:9px}.private span{display:block;font-size:8px;color:var(--muted);line-height:1.45;margin-top:2px}.footer{text-align:center;padding:12px 16px 18px;font-size:8px;color:var(--muted)}@media(max-width:520px){.main{padding:15px}.card{padding:20px}.card h1{font-size:22px}.top{height:58px}}

.mark{background:transparent;color:transparent;overflow:hidden}.mark img{width:56px;height:56px;max-width:100%;max-height:100%;display:block;object-fit:contain;object-position:center}