*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#1c3c43,#080e19 65%);color:#edf3ff;font:16px/1.7 system-ui,sans-serif}main{width:min(100%,560px);padding:clamp(24px,6vw,54px);border:1px solid #395563;border-radius:28px;background:linear-gradient(145deg,#1a2e40,#101a29);box-shadow:0 30px 80px #0006}h1{font-size:30px;line-height:1.4}input{display:block;width:100%;margin-top:8px;padding:13px;background:#091523;color:#fff;border:1px solid #547080;border-radius:10px;font:inherit}button{padding:13px 20px;border:0;border-radius:12px;background:#8df2d1;color:#09241e;cursor:pointer;font:inherit}button:disabled{opacity:.5}a{color:#8df2d1}#locale-toggle{float:inline-end;background:transparent;color:#8df2d1;border:1px solid #395563;padding:5px 12px;font-size:13px}[hidden]{display:none!important}:focus-visible{outline:2px solid #dcc18b;outline-offset:4px}