*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f5f5;color:#222}header{background:#8b0000;color:#fff;text-align:center;padding:18px}header h1{margin:0 0 15px;font-size:32px}nav{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}nav a{background:#111;color:#fff;padding:10px 14px;text-decoration:none}main{max-width:1100px;margin:auto;padding:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.box{background:#fff;border:1px solid #ddd}.box h2{margin:0;background:#8b0000;color:#fff;padding:10px;text-align:center}.box ul{padding:10px 28px}.box li{margin:10px 0}.box a{color:#0645ad;font-weight:bold}.card{background:#fff;padding:20px;border:1px solid #ddd;margin-bottom:15px}input,select,textarea{width:100%;padding:11px;margin:6px 0 14px;border:1px solid #ccc}button,.btn{display:inline-block;background:#8b0000;color:white;padding:10px 16px;border:0;text-decoration:none;cursor:pointer}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px;border:1px solid #ddd;text-align:left}footer{text-align:center;padding:25px;background:#222;color:#fff;margin-top:30px}@media(max-width:750px){.grid{grid-template-columns:1fr}header h1{font-size:26px}}