html { color-scheme: dark; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px; box-sizing: border-box; font: 16px Montserrat, 'Segoe UI', sans-serif; color: #f1edf0; background: linear-gradient(#080707dd,#080707ee), url('/assets/landing_page/background.png') center/cover fixed; }
main { width: min(480px, 100%); padding: 32px; border: 1px solid #a9854d; background: #161116ee; box-shadow: 0 20px 60px #0009; }
h1 { margin-top: 0; font-size: 1.75rem; }
p { line-height: 1.5; color: #d1c9cc; }
label { display: block; margin-top: 18px; margin-bottom: 6px; }
input { width: 100%; box-sizing: border-box; padding: 12px; font: inherit; color: #fff; background: #100d10; border: 1px solid #83707a; border-radius: 3px; }
button, .button { display: inline-block; margin-top: 18px; padding: 11px 17px; font: inherit; color: #fff; background: #851119; border: 1px solid #c8996f; border-radius: 3px; cursor: pointer; text-decoration: none; }
button:disabled { opacity: .6; cursor: wait; }
a { color: #f0c887; }
#status { min-height: 1.5em; }