:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px; color: #17211b; background: radial-gradient(circle at top, #eff8f1, #f7f4ed 55%); }
main { width: min(100%, 420px); padding: 36px; border: 1px solid #dce5dd; border-radius: 24px; background: rgba(255,255,255,.94); box-shadow: 0 24px 70px rgba(24,48,34,.12); }
mark { display: inline-block; padding: 6px 10px; border-radius: 999px; color: #285b3b; background: #e5f3e8; font-size: 13px; font-weight: 700; letter-spacing: .02em; }
h1 { margin: 24px 0 28px; font-size: clamp(30px, 8vw, 42px); line-height: 1; letter-spacing: -.04em; }
label { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 700; }
input { width: 100%; min-height: 52px; padding: 0 15px; border: 1px solid #bdc9c0; border-radius: 12px; color: inherit; background: #fff; font: inherit; }
input:focus { outline: 3px solid rgba(47,117,71,.18); border-color: #2f7547; }
button { width: 100%; min-height: 52px; margin-top: 16px; border: 0; border-radius: 12px; color: #fff; background: #235f3a; font: inherit; font-weight: 750; cursor: pointer; }
button:hover { background: #194b2d; }
.error { margin: -12px 0 16px; color: #a12b2b; font-weight: 650; }