:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #10151c; color: #e8edf5; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; }
main { width: min(100%, 430px); padding: 20px; }
form { padding: 35px; background: #1b2430; border: 1px solid #344356; border-radius: 18px; box-shadow: 0 20px 70px #0006; }
.mark { font-size: 15px; font-weight: 700; color: #8bbdf4; letter-spacing: .08em; }
h1 { margin: 16px 0 8px; font-size: 28px; }
p { margin: 0 0 26px; color: #aebbc9; }
label { display: block; margin: 18px 0; font-size: 14px; }
input { width: 100%; display: block; margin-top: 7px; padding: 12px; border: 1px solid #4a5b6f; border-radius: 8px; background: #111a25; color: #fff; font: inherit; }
.captcha-line { display: flex; align-items: end; gap: 12px; }
.captcha-line img { width: 145px; height: 46px; object-fit: contain; cursor: pointer; background: #fff; border-radius: 6px; }
button { width: 100%; padding: 13px; margin-top: 12px; border: 0; border-radius: 8px; background: #63a8ef; color: #0b1928; font: inherit; font-weight: 700; cursor: pointer; }
button:disabled { opacity: .6; cursor: wait; }
#error { min-height: 20px; margin: 16px 0 0; color: #ff9c9c; }