:root { color-scheme: light dark; font-family: system-ui, sans-serif; line-height: 1.65; background: #f2f5fa; color: #142039; }
body { margin: 0; padding: 24px; }
main { max-width: 600px; margin: 6vh auto; padding: 28px; border-radius: 24px; background: #fff; box-shadow: 0 12px 40px #1f3b6212; }
.brand { color: #365abe; font-weight: 750; letter-spacing: .05em; }
h1 { font-size: clamp(1.65rem, 5vw, 2.4rem); line-height: 1.25; }
h2 { font-size: 1.2rem; }
a { color: #264ba8; }
.button, button { display: inline-block; border-radius: 12px; padding: 12px 18px; background: #315dc4; color: white; border: 0; font: inherit; text-decoration: none; cursor: pointer; }
button { background: #edf1fc; color: #234390; }
label { display: block; margin-top: 16px; }
textarea { box-sizing: border-box; width: 100%; resize: vertical; background: #f5f7fb; color: #25304a; border: 1px solid #cdd7eb; border-radius: 10px; padding: 12px; overflow-wrap: anywhere; }
.stores { display: flex; gap: 24px; flex-wrap: wrap; margin-top: 24px; }
[hidden] { display: none !important; }
@media (prefers-color-scheme: dark) { :root { background: #0d1423; color: #e6edf9; } main { background: #182337; } a, .brand { color: #a4bcff; } }