*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100svh;background:#111526;color:#f6eddd;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif;display:grid;place-items:center;padding:32px 24px}main{width:100%;max-width:360px;text-align:center}.cat{border-radius:25px;box-shadow:0 14px 50px #0003}h1{font-size:30px;letter-spacing:-1px;margin:24px 0 12px}p{font-size:17px;color:#adb6cc;line-height:1.6;margin:0}form{margin-top:32px}label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}input{width:100%;height:70px;border:2px solid #35405a;background:#1c2437;border-radius:14px;color:#f6eddd;font:600 32px ui-monospace,monospace;text-align:center;letter-spacing:12px;padding:0 0 0 12px;outline:0}input:focus{border-color:#f5cf70;box-shadow:0 0 0 4px #f5cf7012}input::placeholder{color:#68728b}button{width:100%;min-height:58px;margin-top:16px;border:0;border-radius:14px;background:#f5cf70;color:#161824;font-size:19px;font-weight:750;cursor:pointer}button span{margin-left:10px}button:disabled{opacity:.55}#message{min-height:54px;padding-top:16px;font-size:16px;color:#ffb49e}@media(max-height:540px){body{padding:18px 24px}.cat{width:64px;height:64px}h1{margin:12px 0 6px}form{margin-top:18px}}