:root { font-family: Arial, Helvetica, sans-serif; color: #1f2937; background: #f3f6fa; }
* { box-sizing: border-box; }
body { margin: 0; }
.container { max-width: 980px; margin: 30px auto; padding: 0 16px; }
.card { background: #fff; border-radius: 18px; padding: 28px; box-shadow: 0 12px 30px rgba(0,0,0,.08); }
h1 { margin: 0 0 8px; color: #0f3b63; }
h2 { grid-column: 1 / -1; margin: 22px 0 4px; color: #0f3b63; font-size: 18px; border-bottom: 1px solid #e5e7eb; padding-bottom: 8px; }
.muted { color: #6b7280; }
.grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
label { display: flex; flex-direction: column; gap: 6px; font-weight: 600; }
input, textarea { border: 1px solid #d1d5db; border-radius: 10px; padding: 11px; font-size: 15px; width: 100%; }
textarea, button { grid-column: 1 / -1; }
button, .button { display: inline-block; border: 0; border-radius: 12px; padding: 13px 18px; background: #0f3b63; color: #fff; font-weight: 700; cursor: pointer; text-decoration: none; margin-right: 10px; }
.button.secondary { background: #64748b; }
.success p { font-size: 16px; }
@media (max-width: 760px) { .grid { grid-template-columns: 1fr; } }