.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#036;color:#fff;padding:15px 30px;flex-wrap:wrap}.logo{font-size:24px;font-weight:700}.nav-links a{margin:0 15px;color:#fff;text-decoration:none}.nav-links a:hover{text-decoration:underline}@media (max-width: 768px){.navbar{flex-direction:column;align-items:flex-start;padding:10px 20px}.nav-links{width:100%;margin-top:10px;display:flex;flex-direction:column}.nav-links a{margin:8px 0}}.footer{background-color:#036;color:#fff;text-align:center;padding:20px;position:fixed;bottom:0;left:0;width:100%;z-index:1000}@media (max-width: 768px){.footer{position:relative;width:100%;padding:15px}}html,body,#root{height:100%;overflow-y:auto;overflow-x:hidden;font-family:Segoe UI,sans-serif;margin:0;padding:0}.page{padding:40px 20px;font-family:Arial,sans-serif;background-color:#f5f5f5;min-height:100vh;box-sizing:border-box}.page h1{color:#2c3e50;font-size:2rem}.page p{color:#555;line-height:1.6;font-size:1rem}@media (max-width: 480px){.page{padding:20px 15px}.page h1{font-size:1.5rem}.page p{font-size:.9rem}}.home-container{position:relative;width:100%;height:100vh;background-image:url(https://images.unsplash.com/photo-1507525428034-b723cf961d3e);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;padding:20px;box-sizing:border-box}.overlay{background-color:#0009;padding:30px 20px;border-radius:12px;text-align:center;color:#fff;max-width:600px;width:90%}.overlay h1{font-size:2.5rem;margin-bottom:1rem}.overlay p{font-size:1.2rem;margin-bottom:2rem}.btn{padding:12px 24px;background-color:#f60;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.btn:hover{background-color:#e65c00}.footer{position:absolute;bottom:0;width:100%;background-color:#002f5f;color:#fff;text-align:center;padding:1rem 0;font-size:.9rem}@media (max-width: 768px){.overlay h1{font-size:2rem}.overlay p{font-size:1rem}.btn{padding:10px 20px;font-size:.9rem}}@media (max-width: 480px){.overlay{padding:20px 15px;max-width:100%}.overlay h1{font-size:1.6rem}.overlay p{font-size:.9rem}.btn{width:100%;padding:12px;font-size:1rem}}.about-page{min-height:100vh;background:linear-gradient(to right,#f5f7fa,#c3cfe2);display:flex;justify-content:center;align-items:center;padding:2rem;overflow-y:auto}.about-container{max-width:900px;background-color:#fff;padding:2rem 3rem;border-radius:12px;box-shadow:0 4px 16px #0000001a;text-align:center}.about-container h1{font-size:2.5rem;color:#002f5f;margin-bottom:1rem}.about-container p{font-size:1.1rem;line-height:1.6;color:#333;margin-bottom:2rem}.about-cards{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}.card{background-color:#f0f4f8;flex:1;min-width:250px;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #00000014;transition:transform .3s ease}.card h2{color:#f60;margin-bottom:.5rem}.card p{color:#555}@media (max-width: 768px){.about-cards{flex-direction:column;gap:1rem}.card{min-width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f8f9fa;color:#333;line-height:1.6}.container{width:90%;max-width:1200px;margin:auto;padding:20px}.navbar{background-color:#004080;padding:16px;display:flex;justify-content:space-between;align-items:center}.navbar h1{color:#fff;font-size:24px}.navbar ul{list-style:none;display:flex;gap:20px}.navbar ul li a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s ease}.navbar ul li a:hover{color:#fc0}.hero{background:url(https://images.unsplash.com/photo-1526772662000-3f88f10405ff) no-repeat center center/cover;height:400px;display:flex;justify-content:center;align-items:center;color:#fff;text-align:center}.hero h2{font-size:40px;font-weight:700;background:#00000080;padding:20px;border-radius:10px}.cards{display:flex;flex-wrap:wrap;gap:20px;margin:40px 0;justify-content:center}.card{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;width:280px;overflow:hidden;transition:transform .3s ease}.card:hover{transform:translateY(-5px)}.card img{width:100%;height:180px;object-fit:cover}.card-content{padding:16px}.card-content h3{margin-bottom:10px;color:#004080}.card-content p{font-size:14px;color:#555}.btn{display:inline-block;padding:10px 20px;background:#004080;color:#fff;text-decoration:none;border-radius:5px;transition:background .3s ease}.btn:hover{background:#002a5c}footer{background:#333;color:#fff;padding:20px;text-align:center;margin-top:50px}