:root { color-scheme: light dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #102927; color: #f5fbfa; }
main { width: min(34rem, calc(100% - 3rem)); background: #173c38; border: 1px solid #3c6e68; border-radius: 20px; padding: 2.5rem; box-shadow: 0 20px 60px #071d1b99; }
.mark { width: 3rem; height: 3rem; display: grid; place-items: center; border-radius: 50%; background: #35d1bd; color: #082c28; font-size: 1.7rem; font-weight: 800; }
h1 { margin: 1.2rem 0 .7rem; font-size: 2rem; }
p, li { line-height: 1.55; }
li + li { margin-top: .65rem; }
.quiet { color: #a9c9c5; font-size: .9rem; margin-top: 1.6rem; }
form { display: grid; gap: .9rem; }
label { font-weight: 650; }
input { font: inherit; padding: .8rem; border-radius: 9px; border: 1px solid #75aaa4; background: #0d2c29; color: inherit; }
button { font: inherit; font-weight: 700; padding: .8rem 1rem; border: 0; border-radius: 9px; color: #082c28; background: #35d1bd; cursor: pointer; }
button:disabled { opacity: .55; cursor: wait; }
[hidden] { display: none !important; }