*{box-sizing:border-box}body{margin:0;background:#121624;color:#f6f5ed;font:16px system-ui;min-height:100dvh;display:grid;place-items:center;padding:20px}main{width:min(100%,440px)}.brand{font-size:34px;font-weight:900;letter-spacing:-2px;color:inherit;text-decoration:none}.brand span{color:#baff6a}h1{font-size:32px;margin-bottom:10px}p,small{color:#b0b9cc;line-height:1.5}nav{display:flex;gap:8px;margin:24px 0}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;border:1px solid #41495e;background:#242b3e;color:inherit;padding:12px 15px;border-radius:12px}nav button[aria-pressed=true]{border-color:#baff6a;color:#baff6a}label{display:block;margin-bottom:14px}input{display:block;width:100%;margin-top:7px;border:1px solid #41495e;border-radius:10px;background:#1b2030;color:white;padding:13px;font:inherit}.primary{display:block;width:100%;margin:18px 0;background:#baff6a;color:#17221c;font-weight:750;border:0}a,.link{color:#baff6a}.link{background:none;border:0;padding:12px 0}.back{display:block;margin-top:15px}code{display:block;overflow-wrap:anywhere;padding:16px;background:#242b3e;border-radius:10px}button:disabled{opacity:.5}[hidden]{display:none!important}