:root{--primary:#0a2540;--accent:#ffb703;--text-main:#333;--bg-light:#f8f9fa;--white:#ffffff;}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;}body{color:var(--text-main);line-height:1.6;background-color:var(--bg-light);}.top-bar{background:var(--primary);color:var(--white);padding:8px 5%;display:flex;justify-content:space-between;font-size:0.85rem;}.top-bar a{color:var(--accent);text-decoration:none;font-weight:bold;}.navbar{background:var(--white);padding:15px 5%;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000;}.logo{font-size:1.5rem;font-weight:800;color:var(--primary);text-decoration:none;text-transform:uppercase;}.nav-links{display:flex;list-style:none;gap:25px;}.nav-links a{text-decoration:none;color:var(--primary);font-weight:600;}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--primary);}.hero{background:var(--primary);color:var(--white);padding:100px 5%;text-align:center;border-bottom:5px solid var(--accent);}.hero h1{font-size:3rem;margin-bottom:15px;}.section-title{text-align:center;margin:60px 0 30px;color:var(--primary);}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:0 5% 60px;max-width:1200px;margin:0 auto;}.card{background:var(--white);border-radius:6px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,0.05);}.card img{width:100%;height:200px;object-fit:cover;border-bottom:3px solid var(--accent);}.card-content{padding:20px;}footer{background:#111;color:#888;text-align:center;padding:30px;font-size:0.9rem;}@media(max-width:768px){.top-bar{flex-direction:column;text-align:center;gap:5px;}.menu-toggle{display:block;}.nav-links{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:var(--white);padding:20px;box-shadow:0 5px 10px rgba(0,0,0,0.1);}.nav-links.active{display:flex;}}