:root{--primary-color:#2c5aa0;--secondary-color:#f8f9fa;--accent-color:#28a745;--text-dark:#333;--text-light:#666}body{color:var(--text-dark);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.navbar-brand{font-size:1.8rem}.navbar-nav .nav-link{font-weight:500;margin:0 .5rem;transition:color .3s ease}.navbar-nav .nav-link.active,.navbar-nav .nav-link:hover{color:#ffc107!important}.hero-section{background:linear-gradient(135deg,var(--primary-color) 0,#1e3d6f 100%);color:#fff;overflow:hidden;padding:100px 0;position:relative}.hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.hero-content{position:relative;z-index:2}.card{border:none;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.1);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 10px 25px rgba(0,0,0,.15);transform:translateY(-5px)}.card-img-top{height:200px;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.card:hover .card-img-top{transform:scale(1.05)}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);border-radius:25px;font-weight:600;padding:12px 30px;transition:all .3s ease}.btn-primary:hover{background-color:#1e3d6f;border-color:#1e3d6f;transform:translateY(-2px)}.btn-outline-primary{border-color:var(--primary-color);border-radius:25px;color:var(--primary-color);font-weight:600;padding:12px 30px;transition:all .3s ease}.btn-outline-primary:hover{background-color:var(--primary-color);border-color:var(--primary-color);transform:translateY(-2px)}.section-padding{padding:80px 0}.section-title{color:var(--primary-color);font-size:2.5rem;font-weight:700;margin-bottom:3rem;position:relative}.section-title:after{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.team-card{background:#fff;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.1);padding:2rem;text-align:center;transition:transform .3s ease}.team-card:hover{transform:translateY(-5px)}.team-photo{border:5px solid var(--primary-color);border-radius:50%;height:150px;margin:0 auto 1rem;-o-object-fit:cover;object-fit:cover;width:150px}.gallery-item{border-radius:15px;cursor:pointer;margin-bottom:2rem;overflow:hidden;position:relative;transition:transform .3s ease}.gallery-item:hover{transform:scale(1.02)}.gallery-item img{height:250px;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.gallery-item:hover img{transform:scale(1.1)}.gallery-overlay{align-items:center;background:rgba(44,90,160,.8);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay i{color:#fff;font-size:2rem}.form-control{border:2px solid #e9ecef;border-radius:10px;padding:12px 15px;transition:border-color .3s ease}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem rgba(44,90,160,.25)}.contact-info{background:linear-gradient(135deg,var(--secondary-color) 0,#e9ecef 100%);border-radius:15px;margin-bottom:2rem;padding:2rem}.contact-info i{color:var(--primary-color);font-size:1.5rem;margin-right:1rem}.map-container{border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.1);overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .8s ease-out}@media (max-width:768px){.hero-section{padding:60px 0}.section-title{font-size:2rem}.section-padding{padding:50px 0}.team-photo{height:120px;width:120px}}.text-primary{color:var(--primary-color)!important}.bg-primary{background-color:var(--primary-color)!important}.border-primary{border-color:var(--primary-color)!important}.hero-section .carousel,.hero-section .carousel-item{height:100vh;min-height:600px}.hero-section .carousel-indicators{bottom:30px;margin-bottom:0}.hero-section .carousel-indicators button{background-color:transparent;border:2px solid hsla(0,0%,100%,.5);border-radius:50%;height:12px;margin:0 8px;transition:all .3s ease;width:12px}.hero-section .carousel-indicators button.active{background-color:#fff;border-color:#fff;transform:scale(1.2)}.hero-section .carousel-control-next,.hero-section .carousel-control-prev{backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.1);border-radius:50%;height:60px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:60px}.hero-section .carousel-control-next:hover,.hero-section .carousel-control-prev:hover{background-color:hsla(0,0%,100%,.2);transform:translateY(-50%) scale(1.1)}.hero-section .carousel-control-prev{left:30px}.hero-section .carousel-control-next{right:30px}.hero-section .carousel-control-next-icon,.hero-section .carousel-control-prev-icon{height:20px;width:20px}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.carousel-item .hero-content h1{animation:slideInLeft .8s ease-out}.carousel-item .hero-content p{animation:slideInLeft .8s ease-out .2s both}.carousel-item .hero-content .d-flex{animation:slideInLeft .8s ease-out .4s both}.carousel-item .hero-image{animation:slideInRight .8s ease-out .3s both}.badge{animation:slideInUp .6s ease-out}@media (max-width:768px){.hero-section .carousel-control-next,.hero-section .carousel-control-prev{height:40px;width:40px}.hero-section .carousel-control-prev{left:15px}.hero-section .carousel-control-next{right:15px}.hero-section .carousel-indicators{bottom:20px}.hero-section .carousel-indicators button{height:10px;margin:0 6px;width:10px}}