:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
body { margin: 0; padding: 24px; background: #f6f7fb; color: #111; }
.wrap { max-width: 760px; margin: 0 auto; background: #fff; border-radius: 14px; padding: 22px; box-shadow: 0 10px 30px rgba(0,0,0,.06); }
h1 { margin: 0 0 14px; font-size: 26px; }
h2 { margin: 18px 0 10px; font-size: 18px; }
p { margin: 0 0 14px; color: #333; line-height: 1.5; }
ul { margin: 0 0 14px 18px; color:#333; }
label { display:block; margin: 12px 0 6px; font-weight: 600; }
input[type="text"], input[type="email"], textarea {
  width: 100%; padding: 12px; border: 1px solid #d7dbe7; border-radius: 10px; font-size: 16px;
}
textarea { min-height: 140px; resize: vertical; }
.row { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; }
@media (max-width: 640px){ .row{ grid-template-columns: 1fr; } }
small { color:#555; }
a { color: inherit; }
.btn {
  margin-top: 14px; padding: 12px 16px; border: 0; border-radius: 10px;
  font-weight: 700; cursor: pointer; background: #111; color: #fff;
}
.alert { padding: 12px; border-radius: 10px; margin: 12px 0; }
.alert.err { background: #ffe7e7; border: 1px solid #ffb3b3; }
.alert.ok  { background: #e9ffe7; border: 1px solid #b8f3b1; }
.inline { display:flex; gap:10px; align-items:flex-start; margin-top: 10px; }
.inline input { margin-top: 3px; }
.hr { height:1px; background:#eef0f7; margin: 16px 0; }