*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#00b8d4;--secondary:#0097a7;--accent:#ffc107;--dark:#2c3e50;--light:#ecf0f1;--text:#333;--text-light:#777}body{font-family:'Poppins',sans-serif;line-height:1.6;color:var(--text)}.container{max-width:1200px;margin:0 auto;padding:0 20px}img{max-width:100%;height:auto}a{text-decoration:none;color:inherit;transition:all .3s}.top-bar{background:var(--dark);color:white;padding:12px 0;font-size:14px}.top-bar-content{display:flex;justify-content:space-between}.top-left{display:flex;gap:30px}.top-bar i{margin-right:8px;color:var(--primary)}.top-bar a:hover{color:var(--primary)}.main-header{background:white;box-shadow:0 2px 10px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000;padding:15px 0}.navbar{display:flex;justify-content:space-between;align-items:center}.logo img{height:60px}.nav-menu{display:flex;list-style:none;gap:35px}.nav-menu a{font-weight:500;color:var(--dark);position:relative}.nav-menu a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary);transition:all .3s}.nav-menu a:hover::after,.nav-menu li.active a::after{width:100%}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger span{width:25px;height:3px;background:var(--dark);margin:3px 0}.page-title{background:linear-gradient(135deg,var(--primary),var(--secondary));padding:80px 0;text-align:center;color:white}.page-title h1{font-size:48px;font-weight:700;margin-bottom:15px}.breadcrumb{display:flex;align-items:center;justify-content:center;gap:10px}.breadcrumb a:hover{color:var(--accent)}.breadcrumb span{opacity:0.7}.section-header{text-align:center;margin-bottom:60px}.section-subtitle{display:inline-block;color:var(--primary);font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}.section-header h2{font-size:42px;color:var(--dark);margin-bottom:15px}.section-header p{color:var(--text-light);max-width:700px;margin:0 auto}.about-intro-section{padding:80px 0;background:white}.about-intro-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-intro-image{position:relative}.about-intro-image img{border-radius:10px;width:100%}.services-badge{position:absolute;bottom:30px;right:30px;background:var(--primary);color:white;padding:30px;border-radius:10px;text-align:center}.badge-number{font-size:48px;font-weight:700}.badge-text{font-size:16px}.about-intro-content h2{font-size:36px;margin-bottom:20px}.about-intro-content p{color:var(--text-light)}.video-section{padding:80px 0;background:var(--light)}.video-wrapper{position:relative;border-radius:10px;overflow:hidden}.video-wrapper img{width:100%;height:500px;object-fit:cover}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;color:white;cursor:pointer;transition:all .3s}.video-play-button:hover{transform:translate(-50%,-50%) scale(1.1)}.video-text{position:absolute;bottom:40px;left:40px;color:white}.video-text h3{font-size:32px;margin-bottom:10px}.featured-services-section{padding:80px 0;background:white}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.service-card{background:var(--light);padding:40px;border-radius:10px;text-align:center;transition:all .3s}.service-card:hover{transform:translateY(-10px);background:white;box-shadow:0 10px 30px rgba(0,0,0,0.1)}.service-icon{width:80px;height:80px;background:var(--primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 20px}.service-card h3{margin-bottom:15px}.timeline-section{padding:80px 0;background:var(--light)}.timeline{position:relative;max-width:1000px;margin:0 auto}.timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--primary)}.timeline-item{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:60px;position:relative}.timeline-item:nth-child(odd) .timeline-year{order:1}.timeline-item:nth-child(odd) .timeline-content{order:2;text-align:left}.timeline-item:nth-child(even) .timeline-year{order:2;text-align:right}.timeline-item:nth-child(even) .timeline-content{order:1;text-align:right}.timeline-year{font-size:48px;font-weight:700;color:var(--primary);display:flex;align-items:center}.timeline-content{background:white;padding:30px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.1)}.timeline-content h3{margin-bottom:15px}.team-section{padding:80px 0;background:white}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.team-member{background:white;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.1);text-align:center;transition:all .3s}.team-member:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,0.2)}.team-member img{width:100%;height:300px;object-fit:cover}.team-member h3{padding:20px 20px 5px;font-size:20px}.team-member p{color:var(--primary);padding:0 20px 15px}.social-links{display:flex;gap:10px;justify-content:center;padding:0 20px 20px}.social-links a{width:35px;height:35px;background:var(--light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text)}.social-links a:hover{background:var(--primary);color:white}.stats-section{padding:80px 0;background:linear-gradient(135deg,var(--primary),var(--secondary));color:white}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.stat-item{text-align:center}.stat-number{font-size:56px;font-weight:700;margin-bottom:10px}.stat-label{font-size:18px;opacity:0.9}.main-footer{background:var(--dark);color:white;padding:60px 0 20px}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:40px}.footer-logo{height:60px;margin-bottom:20px}.footer-col h3,.footer-col h4,.footer-col h5{margin-bottom:20px}.footer-col p{color:rgba(255,255,255,0.7);margin-bottom:15px}.footer-info{list-style:none}.footer-info li{margin-bottom:15px;display:flex;gap:10px;color:rgba(255,255,255,0.7)}.footer-info i{color:var(--primary);margin-top:3px}.newsletter-form{display:flex;gap:10px}.newsletter-form input{flex:1;padding:12px;border:none;border-radius:5px}.newsletter-form button{padding:12px 20px;background:var(--primary);color:white;border:none;border-radius:5px;cursor:pointer}.instagram-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.instagram-grid img{width:100%;height:100px;object-fit:cover;border-radius:5px;transition:all .3s}.instagram-grid a:hover img{transform:scale(1.1)}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.7)}@media(max-width:1024px){.timeline-item{grid-template-columns:1fr}.timeline::before{left:0}.timeline-item:nth-child(odd) .timeline-year,.timeline-item:nth-child(even) .timeline-year{order:1;text-align:left}.timeline-item:nth-child(odd) .timeline-content,.timeline-item:nth-child(even) .timeline-content{order:2;text-align:left}}@media(max-width:768px){.hamburger{display:flex}.nav-menu{position:fixed;left:-100%;top:90px;flex-direction:column;background:white;width:100%;padding:20px;box-shadow:0 10px 20px rgba(0,0,0,0.1);transition:all .3s;z-index:999}.nav-menu.active{left:0}.page-title h1{font-size:36px}.about-intro-layout{grid-template-columns:1fr}.services-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:1fr}}
