*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,Arial,sans-serif;background-color:#f4f4f9;color:#333}header{background:linear-gradient(135deg,#007acc,#005b99);padding:30px;color:#fff;text-align:center;box-shadow:0 4px 8px #0003}header h1{font-size:3em;letter-spacing:2px}nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}nav button{background:#fff;color:#007acc;border:1px solid #007acc;padding:12px 24px;border-radius:25px;font-weight:700;transition:background .3s ease,color .3s ease,transform .2s;font-size:1em}nav button:hover{background:#007acc;color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.Select__control{border-color:#007acc!important;border-radius:4px}.Select__control--is-focused{border-color:#005b99!important}.Select__menu{color:#333}section{margin:20px auto;padding:20px;max-width:800px;text-align:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;border:1px solid #ddd}.image-container{padding:20px;border-radius:10px;box-shadow:0 6px 12px #0000001a;margin:15px;background:#fff;max-width:90%;transition:transform .3s}.image-container:hover{transform:scale(1.03)}.image-subtitle{font-size:1.5em;color:#333;font-weight:700;margin-top:10px}img.image-content{border-radius:8px;max-width:100%;height:auto}table{width:100%;margin:20px auto;max-width:800px;border-collapse:separate;border-spacing:0;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a}th,td{padding:15px;font-size:1em}th{background-color:#007acc;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:1px}tr:nth-child(2n){background-color:#f9f9f9}tr:hover{background-color:#e6f7ff}.small-title{font-size:1em;color:#333;margin-bottom:10px;font-weight:400;text-transform:uppercase}.spinner{width:24px;height:24px;border:4px solid #007acc;border-top:4px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){header h1{font-size:2em}nav{flex-direction:column;gap:5px}nav button{padding:8px 16px;font-size:.9em;width:100%}table,.image-container{width:100%;max-width:100%}}html{scroll-behavior:smooth}th{background-color:#007acc;color:#fff;font-weight:500;text-transform:uppercase;letter-spacing:.5px;font-size:.7em;padding:12px}