:root { font-family: system-ui, sans-serif; color: #18212f; background: #f4f6f8; }
body { margin: 0; }
main { max-width: 720px; margin: 48px auto; padding: 32px; background: white; border-radius: 16px; box-shadow: 0 8px 30px #17233a18; }
header { display: flex; justify-content: space-between; gap: 24px; align-items: start; }
h1 { margin-top: 0; }
.field { display: grid; gap: 8px; margin: 24px 0; }
label { font-weight: 650; }
input, select, textarea, button, .button { box-sizing: border-box; font: inherit; }
input, select, textarea { width: 100%; padding: 12px; border: 1px solid #aeb7c2; border-radius: 8px; }
textarea { min-height: 130px; resize: vertical; }
button, .button { display: inline-block; border: 0; border-radius: 8px; padding: 12px 18px; color: white; background: #1769e0; cursor: pointer; text-decoration: none; }
button:disabled { opacity: .55; cursor: default; }
button.link { padding: 0; color: #1769e0; background: transparent; }
.error { color: #b42318; }
.muted { color: #667085; }
@media (max-width: 760px) { main { margin: 0; min-height: 100vh; padding: 24px 18px; border-radius: 0; } }