*{box-sizing:border-box}html{font:16px/1.6 'Segoe UI',Arial,sans-serif;color:#172c3c;background:#edf3f1}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:28px}.lock-card{width:min(100%,470px);background:#fff;border:1px solid #d8e4df;border-radius:22px;padding:38px 42px;box-shadow:0 16px 65px #193e3210}.lock-mark{width:56px;height:58px;display:grid;place-items:center;background:#d5ebe2;color:#245a47;border-radius:15px;font:34px Georgia,serif;margin-bottom:27px}.lock-eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;color:#376e5e;margin-bottom:12px}h1{font-size:29px;letter-spacing:-.7px;margin:0 0 13px;line-height:1.2}p{font-size:14px;color:#5d7280;margin:0 0 24px}label{font-size:13px;font-weight:600;display:block;margin:15px 0 7px}input[type=password],input[type=text]{width:100%;padding:13px;border:1px solid #aebfc2;border-radius:8px;font:17px 'Segoe UI',Arial,sans-serif}input:focus,button:focus-visible{outline:3px solid #89bba9;outline-offset:2px}.show-key{display:flex;gap:7px;align-items:center;font-size:12px;color:#5d7280;font-weight:400;margin:12px 0 22px}.show-key input{accent-color:#11675d}button{width:100%;background:#11675d;color:white;border:0;border-radius:8px;padding:14px;font:600 14px 'Segoe UI',Arial,sans-serif;cursor:pointer}button:hover{background:#0d5149}button:disabled{opacity:.6;cursor:wait}#unlock-status{font-size:12px;margin:14px 0 0;min-height:18px;color:#9a442f}.lock-foot{margin-top:28px;border-top:1px solid #e1e9e5;padding-top:18px;font-size:11px;color:#6b7d83;line-height:1.9}@media(max-width:480px){body{padding:18px}.lock-card{padding:28px 25px}}