*{box-sizing:border-box}
body{margin:0;font-family:Tahoma,"Segoe UI",Arial,sans-serif;background:#eef3f1;color:#1d2b27;line-height:1.7}
.wrap{max-width:720px;margin:32px auto;padding:0 16px}
.card{background:#fff;border-radius:14px;box-shadow:0 4px 18px rgba(0,0,0,.08);overflow:hidden}
.head{background:#0f6b54;color:#fff;padding:24px;text-align:center}
.head h1{margin:0 0 6px;font-size:22px}
.head p{margin:0;opacity:.9;font-size:14px}
form{padding:24px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.full{grid-column:1/-1}
label{display:block;font-weight:700;margin-bottom:4px;font-size:14px}
label .req{color:#c0392b}
input[type=text],input[type=tel],input[type=date],input[type=number],input[type=file],textarea{
  width:100%;padding:10px 12px;border:1px solid #c9d6d1;border-radius:8px;font:inherit;background:#fafcfb}
input:focus,textarea:focus{outline:2px solid #0f6b54;border-color:#0f6b54}
.check{display:flex;gap:10px;align-items:flex-start;background:#f3f8f6;padding:10px 12px;border-radius:8px;margin-bottom:10px}
.check input{margin-top:6px;width:18px;height:18px}
.check label{margin:0;font-weight:400}
button{background:#0f6b54;color:#fff;border:0;border-radius:8px;padding:13px 28px;font:inherit;font-weight:700;cursor:pointer;width:100%;margin-top:8px}
button:hover{background:#0b5441}
.alert{padding:12px 16px;border-radius:8px;margin:16px 24px 0}
.alert.err{background:#fdecea;color:#8e1f13;border:1px solid #f5c2bc}
.alert.ok{background:#e6f6ee;color:#12633f;border:1px solid #b6e3cb}
.alert ul{margin:0;padding-inline-start:20px}
.note{font-size:12px;color:#667}
table{width:100%;border-collapse:collapse;font-size:14px;background:#fff}
th,td{padding:8px 10px;border:1px solid #dde6e2;text-align:right}
th{background:#0f6b54;color:#fff}
.yes{color:#12633f;font-weight:700}.no{color:#c0392b;font-weight:700}
@media(max-width:600px){.grid{grid-template-columns:1fr}}