:root{color-scheme:light;--bg:#f3f6f8;--paper:#fff;--ink:#192e3c;--line:#cad4da}html[data-theme=dark]{color-scheme:dark;--bg:#101c25;--paper:#192b38;--ink:#f1f5f8;--line:#52616d}*{box-sizing:border-box}body{margin:0;font:16px system-ui;background:var(--bg);color:var(--ink);min-height:100vh;display:grid;place-items:center;padding:24px}.gate{width:min(100%,410px);padding:36px;background:var(--paper);border-top:4px solid #f47721;border-radius:10px;box-shadow:0 12px 45px #0001}.gate img{max-width:100%;height:auto;background:white;border-radius:5px}h1{font-size:25px}input,button{font:inherit;width:100%;padding:13px;border-radius:6px}input{border:1px solid var(--line);background:var(--paper);color:var(--ink)}button{margin-top:12px;border:0;background:#f47721;color:#172b38;font-weight:700;cursor:pointer}a{color:inherit}small{display:block;margin-top:16px;color:var(--ink)}.text-button{background:transparent;color:var(--ink);padding:0;text-align:left;width:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}