:root{color-scheme:dark;font-family:Arial,sans-serif;color:#e6f2df;background:#162022}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px 16px}main{width:100%;max-width:460px;padding:30px;background:#293a35;border:2px solid #819388;border-radius:10px;box-shadow:0 8px 25px #0006}.panel-label{font:13px monospace;letter-spacing:2px;color:#a6ead6}h1{font-size:26px;line-height:1.3;margin:15px 0}p{font-size:16px;line-height:1.6}form{margin-top:24px}label{display:block;font-size:17px;font-weight:bold;margin-bottom:9px}input{display:block;width:100%;min-height:56px;padding:10px 14px;background:#081b17;border:2px solid #a4bcac;border-radius:4px;color:#f2ffe9;font:28px monospace;letter-spacing:8px}button{width:100%;min-height:48px;margin-top:16px;padding:10px 14px;border:1px solid #c7e8d1;border-radius:4px;background:#b4d8bf;color:#10231b;font-size:17px;font-weight:bold;cursor:pointer}button:disabled{cursor:wait;opacity:.7}input:focus-visible,button:focus-visible{outline:3px solid #ffe58e;outline-offset:4px}#pin-error{color:#ffe0b2;min-height:26px;margin:13px 0 0}#gate-retry{background:transparent;color:#e6f2df}.access-note{font-size:14px;color:#c4d7c9;margin:22px 0 0}[hidden]{display:none!important}@media(max-width:360px){main{padding:22px}h1{font-size:23px}}