/* Genel görünüm */
body {font-family: Arial, sans-serif;margin: 0;padding: 0;background: #f2f4f8;color: #333;}
header {background: #004080;color: white;padding: 15px;text-align: center;box-shadow: 0 2px 6px rgba(0,0,0,0.2);}
header h1 {margin: 0;font-size: 22px;}
main {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 20px;padding: 20px;box-sizing: border-box;}
.category {background: #fff;border-radius: 12px;padding: 15px;box-shadow: 0 2px 6px rgba(0,0,0,0.08);transition: transform 0.2s ease, box-shadow 0.2s ease;}
.category:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0,0,0,0.12);}
.category h2 {margin: 0 0 12px;font-size: 18px;color: #004080;border-bottom: 1px solid #eee;padding-bottom: 6px;}
.links a {display: block;padding: 10px 12px;margin: 6px 0;background: #f7f9fc;border-radius: 6px;text-decoration: none;color: #004080;font-size: 15px;transition: background 0.2s ease, color 0.2s ease;}
.links a:hover {background: #e1ecf4;color: #000;}
input, select, button {padding: 8px 10px;margin: 5px 0;border-radius: 6px;border: 1px solid #ccc;font-size: 14px;}
button {background: #004080;color: white;border: none;cursor: pointer;transition: background 0.2s ease;}
button:hover {background: #0060c0;}
ul {list-style: none;padding-left: 0;}ul li {margin: 4px 0;}
@media (max-width: 600px) {header h1 {font-size: 18px;}.category h2 {font-size: 16px;}.links a {font-size: 14px;padding: 8px 10px;}}