*{box-sizing:border-box}body{color:#f7ead6;background:radial-gradient(at top,#243b4e,#08101a 75%);place-items:center;min-height:100vh;margin:0;font:17px/1.6 Georgia,serif;display:grid}main{text-align:center;width:min(92vw,480px);padding:40px 24px}h1{letter-spacing:3px;font-size:36px;font-weight:400;line-height:1.2}h2{font-size:22px;font-weight:400}.quiet{color:#b0bec9;letter-spacing:1px;margin:28px 0;font:11px/1.7 system-ui}label{text-align:left;margin:16px 0;font:14px system-ui;display:block}input{color:#fff;background:#122231;border:1px solid #607080;border-radius:8px;width:100%;margin-top:7px;padding:14px;font:16px system-ui;display:block}.button,button{color:#182633;cursor:pointer;background:#edca91;border:0;border-radius:9px;width:100%;margin:16px 0;padding:14px;font:600 15px system-ui;text-decoration:none;display:block}.secondary{color:#c4d1da;cursor:pointer;background:0 0;margin:20px auto;font:13px system-ui;text-decoration:underline;display:block}button:disabled{opacity:.5;cursor:wait}[role=status]{color:#efca91;font:14px/1.5 system-ui}