:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #080b12; color: #f5f7fb; }
main { width: min(92vw, 390px); padding: 30px; border: 1px solid #293141; border-radius: 22px; background: #111722; box-shadow: 0 30px 80px #0008; }
.mark { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 16px; background: #6d5dfc; font-weight: 800; }
h1 { margin: 24px 0 8px; font-size: 1.45rem; }
p { color: #aeb8ca; margin: 0 0 22px; line-height: 1.5; }
input, button { width: 100%; min-height: 50px; border-radius: 13px; font: inherit; }
input { border: 1px solid #344056; background: #0a0f18; color: white; padding: 0 15px; }
button { margin-top: 12px; border: 0; background: #6d5dfc; color: white; font-weight: 750; cursor: pointer; }
#error { min-height: 24px; margin-top: 12px; color: #ff8793; font-size: .9rem; }