:root{--primary-color: #003366;--secondary-color: #0056b3;--accent-color: #f0f4f8;--text-color: #333333;--bg-color: #ffffff;--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit;transition:color .3s ease}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{color:var(--primary-color);margin-bottom:1rem}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem;font-weight:600}h3{font-size:1.75rem;font-weight:600}p{margin-bottom:1rem}.btn{display:inline-block;padding:10px 20px;background-color:var(--primary-color);color:#fff;border-radius:5px;font-weight:600;cursor:pointer;border:none}.btn:hover{background-color:var(--secondary-color)}.header{background-color:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000;padding:1rem 0}.header-container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center}.logo-img{height:50px;width:auto}.nav ul{display:flex;gap:2rem}.nav a{font-weight:500;color:var(--text-color)}.nav a:hover{color:var(--primary-color)}.mobile-menu-icon{display:none;flex-direction:column;cursor:pointer;gap:5px}.bar{width:25px;height:3px;background-color:var(--text-color);transition:all .3s ease}@media(max-width:768px){.mobile-menu-icon{display:flex}.nav{position:absolute;top:100%;left:0;width:100%;background-color:#fff;flex-direction:column;align-items:center;max-height:0;overflow:hidden;transition:max-height .3s ease;box-shadow:0 4px 6px #0000001a}.nav.active{max-height:300px;padding:1rem 0}.nav ul{flex-direction:column;gap:1.5rem;text-align:center}}.footer{background-color:var(--primary-color);color:#fff;padding:3rem 0;margin-top:auto}.footer-container{display:flex;flex-direction:column;gap:2rem;text-align:center}.footer-logo{height:60px;width:auto;background-color:#fff;padding:8px;border-radius:4px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;font-size:.9rem;color:#ffffffb3}.hero{background-color:var(--primary-color);color:#fff;padding:6rem 0;text-align:center;background-image:linear-gradient(#036c,#0369),url(/images/hero-bg.png);background-size:cover;background-position:center}.hero h1{color:#fff;font-size:3.5rem;margin-bottom:1rem}.hero h6{font-size:1.5rem;font-weight:400;margin-bottom:2rem;color:var(--accent-color)}.hero-subtext{font-size:1.2rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.section{padding:4rem 20px}.section-header{text-align:center;margin-bottom:3rem}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.about-card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.about-card:hover{transform:translateY(-5px)}.about-card h4{color:var(--secondary-color);margin-bottom:1rem;font-size:1.25rem}.services-page{padding-top:4rem}.services-list{display:flex;flex-direction:column;gap:4rem}.service-item{display:flex;align-items:center;gap:2rem;padding:2rem;background-color:#f9fafb;border-radius:10px;box-shadow:0 2px 4px #0000000d}.service-item.reverse{flex-direction:row-reverse;background-color:#fff;border:1px solid #eee}.service-content h3{color:var(--secondary-color);margin-bottom:1rem}.service-content p{color:var(--text-color);font-size:1.1rem}@media(max-width:768px){.service-item,.service-item.reverse{flex-direction:column;text-align:center}}.contact-header{text-align:center;max-width:800px;margin:0 auto 4rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-info,.hiring-section{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.contact-info h3,.hiring-section h3{border-bottom:2px solid var(--accent-color);padding-bottom:1rem;margin-bottom:1.5rem}.contact-info p{margin-bottom:.5rem}.whatsapp-btn{background-color:#25d366;margin-top:1rem}.whatsapp-btn:hover{background-color:#128c7e}.hiring-section ul{list-style-type:disc;padding-left:1.5rem;margin:1rem 0}.hiring-section li{margin-bottom:.5rem;color:var(--secondary-color);font-weight:500}.apply-btn{width:100%;margin-top:1rem;text-align:center}@media(max-width:768px){.contact-grid{grid-template-columns:1fr;gap:2rem}}.resources-page{padding-top:4rem}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.article-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease;display:flex;flex-direction:column}.article-card:hover{transform:translateY(-5px)}.article-image{height:200px;background-size:cover;background-position:center}.article-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.article-date{font-size:.85rem;color:#888;margin-bottom:.5rem}.article-content h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--primary-color)}.article-content p{font-size:.95rem;color:#555;margin-bottom:1.5rem;flex-grow:1}.read-more{color:var(--secondary-color);font-weight:600;margin-top:auto}.read-more:hover{text-decoration:underline}.article-hero{height:400px;background-size:cover;background-position:center;display:flex;align-items:center;color:#fff;text-align:center}.article-hero h1{color:#fff;font-size:2.5rem;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.article-meta{font-size:1.1rem;opacity:.9}.article-container{max-width:800px}.back-link{display:inline-block;margin-bottom:2rem;color:var(--secondary-color);font-weight:600}.article-body{font-size:1.1rem;line-height:1.8;color:#333}.article-body h4{margin-top:2rem;margin-bottom:1rem;color:var(--primary-color);font-size:1.5rem}.article-body p{margin-bottom:1.5rem}@media(max-width:768px){.article-hero{height:300px}.article-hero h1{font-size:1.8rem}}.apply-page{display:flex;justify-content:center}.form-container{width:100%;max-width:600px;background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a}.form-container h1{text-align:center;color:var(--primary-color);margin-bottom:.5rem}.form-container>p{text-align:center;margin-bottom:2rem;color:#666}.apply-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text-color)}.form-group input,.form-group select{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 2px #0056b31a}.submit-btn{width:100%;padding:12px;font-size:1.1rem;margin-top:1rem}.note{font-size:.8rem;color:#888;text-align:center;margin-top:1rem}
