:root{font:16px system-ui;color:#e5edf5;background:#0a1018}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:min(100%,420px);padding:32px;background:#121d28;border:1px solid #2a3c50;border-radius:18px}h1{font-size:32px}p,small{color:#a0b2c4}.tag{color:#70d9c3;font-size:12px;letter-spacing:2px}label{display:block;margin:20px 0;color:#dce8f0}input{display:block;width:100%;padding:13px;margin-top:8px;border:1px solid #456078;border-radius:8px;background:#09131e;color:#fff;font:inherit}button{width:100%;padding:13px;border:0;border-radius:8px;background:#70d9c3;font:inherit;font-weight:bold;cursor:pointer}.lock{color:#f5b9ad;font-weight:bold;margin-top:28px}:focus-visible{outline:3px solid #f6ce7c;outline-offset:3px}