* { box-sizing: border-box; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background:#f7f7f8; color:#111; margin:0; }
.container { max-width: 720px; margin: 24px auto; background:#fff; padding: 24px; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,.06); }
label { display:block; margin:12px 0; font-weight:600; }
input[type=text], textarea { width:100%; padding:10px 12px; border:1px solid #ddd; border-radius:8px; }
textarea { min-height: 120px; resize: vertical; }
button { background:#0d6efd; border:none; color:#fff; padding:10px 16px; border-radius:8px; cursor:pointer; }
button:hover { opacity:.95; }
.alert { padding:10px 12px; border-radius:8px; margin:12px 0; }
.alert.ok { background:#e7f5e7; color:#0f5132; }
.alert.error { background:#fdebea; color:#842029; }