*{box-sizing:border-box}
html{min-height:100%;background:#101110;color:#f2eee6;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{min-height:100vh;margin:0;padding:40px 24px;display:flex;align-items:center;justify-content:center}
.login-card{width:100%;max-width:480px;min-width:0}
.wordmark{margin:0 0 34px;font-size:24px;font-weight:800;letter-spacing:.14em}.wordmark span{color:#d9c292}
h1{margin:0 0 12px;font-size:36px;line-height:1.2;overflow-wrap:break-word}
.intro{color:#c7c7bd;font-size:18px;line-height:1.5;margin:0 0 28px}
label{display:block;margin:20px 0 10px;font-size:18px;font-weight:600}
input,button{display:block;width:100%;min-width:0;min-height:58px;border-radius:10px;font:inherit;font-size:20px}
input{padding:14px 16px;border:1px solid #77786e;background:#1d201d;color:#fff;caret-color:#e5c98b}
button{margin-top:8px;padding:15px 20px;border:2px solid transparent;background:#d9c292;color:#151811;font-weight:750;cursor:pointer}
input:focus,button:focus{outline:4px solid #ffe4a8;outline-offset:5px}
button:disabled{cursor:wait;opacity:.7}
#login-message{color:#ffbaa9;line-height:1.5;overflow-wrap:break-word;margin:14px 0;min-height:24px}
.help{margin:24px 0 0;font-size:14px;line-height:1.6;color:#aaa99f}
@media(min-width:1000px){.login-card{max-width:540px}.intro,label{font-size:20px}input,button{min-height:64px;font-size:22px}.help{font-size:16px}}
@media(max-width:400px){body{padding:28px 22px}h1{font-size:30px}.wordmark{margin-bottom:26px}}
@media(max-height:620px){body{align-items:flex-start;padding-top:24px;padding-bottom:24px}.wordmark{margin-bottom:18px}.intro{margin-bottom:18px}}

.help a{color:#e5c98b;display:inline-block;padding:8px 0}.help a:focus{outline:3px solid #ffe4a8;outline-offset:4px}