*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:#ffffff;}.container{max-width:1200px;margin:0 auto;padding:0 20px;}header{background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);color:white;padding:1rem 0;position:fixed;width:100%;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.1);}nav{display:flex;justify-content:space-between;align-items:center;}.logo{font-size:1.5rem;font-weight:bold;display:flex;align-items:center;gap:10px;}.logo::before{content:"🏛️";font-size:2rem;}.nav-links{display:flex;list-style:none;gap:2rem;}.nav-links a{color:white;text-decoration:none;transition:all 0.3s ease;padding:0.5rem 1rem;border-radius:5px;}.nav-links a:hover{background:rgba(255,255,255,0.2);transform:translateY(-2px);}.mobile-menu{display:none;flex-direction:column;cursor:pointer;}.mobile-menu span{width:25px;height:3px;background:white;margin:3px 0;transition:0.3s;}.hero{background:linear-gradient(135deg,rgba(30,60,114,0.9),rgba(42,82,152,0.9)),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 600"><defs><pattern id="grid" width="50" height="50" patternUnits="userSpaceOnUse"><path d="M 50 0 L 0 0 0 50" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');background-size:cover;background-position:center;height:100vh;display:flex;align-items:center;text-align:center;color:white;position:relative;}.hero-content h1{font-size:3.5rem;margin-bottom:1rem;animation:fadeInUp 1s ease-out;}.hero-content p{font-size:1.3rem;margin-bottom:2rem;animation:fadeInUp 1s ease-out 0.3s both;}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease-out 0.6s both;}.btn{padding:12px 30px;border:none;border-radius:50px;cursor:pointer;text-decoration:none;font-weight:bold;transition:all 0.3s ease;display:inline-block;}.btn-primary{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:white;}.btn-secondary{background:transparent;color:white;border:2px solid white;}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,0.2);}.btn-primary:hover{box-shadow:0 10px 25px rgba(255,107,107,0.4);}.stats{background:#f8f9fa;padding:80px 0;}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center;}.stat-item{background:white;padding:2rem;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:transform 0.3s ease;}.stat-item:hover{transform:translateY(-10px);}.stat-number{font-size:3rem;font-weight:bold;color:#1e3c72;margin-bottom:0.5rem;}.stat-label{color:#666;font-size:1.1rem;}.services{padding:80px 0;}.section-title{text-align:center;margin-bottom:3rem;}.section-title h2{font-size:2.5rem;color:#1e3c72;margin-bottom:1rem;}.section-title p{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto;}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;}.service-card{background:white;padding:2rem;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:all 0.3s ease;position:relative;overflow:hidden;}.service-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(45deg,#ff6b6b,#ee5a24);}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.15);}.service-icon{font-size:3rem;margin-bottom:1rem;}.service-card h3{color:#1e3c72;margin-bottom:1rem;font-size:1.3rem;}.about{background:#f8f9fa;padding:80px 0;}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;}.about-text{padding:2rem;}.about-text h2{color:#1e3c72;font-size:2.5rem;margin-bottom:1rem;}.about-text p{color:#666;margin-bottom:1rem;font-size:1.1rem;}.about-image{background:linear-gradient(135deg,#1e3c72,#2a5298);height:400px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:white;font-size:4rem;box-shadow:0 20px 40px rgba(0,0,0,0.15);}.members{padding:80px 0;}.members-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;}.member-card{background:white;padding:1.5rem;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,0.1);text-align:center;transition:transform 0.3s ease;}.member-card:hover{transform:translateY(-5px);}.member-logo{width:80px;height:80px;background:linear-gradient(45deg,#1e3c72,#2a5298);border-radius:50%;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;font-weight:bold;}.contact{background:#1e3c72;color:white;padding:80px 0;}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;}.contact-info h3{margin-bottom:1rem;font-size:1.5rem;}.contact-info p{margin-bottom:1rem;display:flex;align-items:center;gap:10px;}.contact-form{background:rgba(255,255,255,0.1);padding:2rem;border-radius:15px;}.form-group{margin-bottom:1rem;}.form-group label{display:block;margin-bottom:0.5rem;}.form-group input,.form-group textarea{width:100%;padding:0.75rem;border:none;border-radius:8px;background:rgba(255,255,255,0.9);color:#333;}.form-group textarea{height:120px;resize:vertical;}footer{background:#0f1419;color:white;padding:40px 0 20px;text-align:center;}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem;}.footer-section h4{margin-bottom:1rem;color:#ff6b6b;}.footer-section a{color:#ccc;text-decoration:none;display:block;margin-bottom:0.5rem;transition:color 0.3s ease;}.footer-section a:hover{color:white;}.footer-bottom{border-top:1px solid #333;padding-top:20px;color:#999;}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}@media (max-width:768px){.nav-links{display:none;position:absolute;top:100%;left:0;width:100%;background:#1e3c72;flex-direction:column;padding:1rem 0;}.nav-links.active{display:flex;}.mobile-menu{display:flex;}.hero-content h1{font-size:2.5rem;}.cta-buttons{flex-direction:column;align-items:center;}.about-content{grid-template-columns:1fr;}.contact-content{grid-template-columns:1fr;}}.fade-in{opacity:0;transform:translateY(30px);transition:all 0.6s ease;}.fade-in.visible{opacity:1;transform:translateY(0);}
