*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f5f7;color:#222}header{background:#213b5c;padding:14px}nav{max-width:960px;margin:auto;display:flex;gap:8px;flex-wrap:wrap}nav a{color:#fff;text-decoration:none;padding:9px 12px;border-radius:4px;background:#31577f}main{max-width:960px;margin:32px auto;padding:0 16px}.card{background:#fff;border:1px solid #d8dde3;border-radius:8px;padding:24px}.small{max-width:520px;margin:auto}.center{text-align:center}.hero{margin:24px auto;width:240px;height:150px;background:#f0c742;border:5px solid #222;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:bold;transform:rotate(-2deg)}form{display:grid;gap:14px;max-width:620px}label{display:grid;gap:6px;font-weight:bold}input,select{padding:10px;border:1px solid #9aa6b2;border-radius:4px;font:inherit}button{padding:11px 18px;border:0;border-radius:4px;background:#213b5c;color:#fff;font-weight:bold;cursor:pointer}.error{background:#ffe8e8;color:#8c2020;padding:10px;border-radius:4px}.ok{background:#e8f7ed;color:#176534;padding:10px;border-radius:4px}footer{text-align:center;color:#666;padding:24px}