*{padding:0;box-sizing:border-box;margin:0}body{min-height:100vh;overflow-x:hidden;position:relative;font-family:Source Sans Pro,sans-serif}.background-image{filter:brightness(.7);object-fit:cover;z-index:-2}.background-image,body:before{height:100%;position:fixed;top:0;left:0;width:100%}body:before{content:"";background:rgba(0,0,0,.5);z-index:-1}.about-container{min-height:100vh;padding:60px 20px 120px;position:relative;max-width:1200px;margin:0 auto;z-index:1}.about-header{animation:fadeInDown .8s ease;margin-bottom:60px;text-align:center}.logo-section{animation:fadeIn 1s ease;padding:30px;margin-bottom:30px;box-shadow:0 10px 40px rgba(0,0,0,.3),inset 0 0 20px hsla(0,0%,100%,.2);border-radius:50%;background:hsla(0,0%,100%,.15);display:inline-block}.main-logo{animation:fadeIn 1s ease;height:auto;filter:drop-shadow(0 8px 20px rgba(0,0,0,.8));max-width:180px}.about-header h1{font-size:48px;font-weight:700;margin-bottom:15px;text-shadow:2px 2px 8px rgba(0,0,0,.3);color:#003d82}.subtitle{font-size:20px;font-weight:600;text-shadow:3px 3px 10px rgba(0,0,0,.9);color:#fff}.about-content{animation:fadeInUp .8s ease;flex-direction:column;gap:30px;display:flex}.content-card{padding:40px;border:2px solid hsla(0,0%,100%,.4);transition:transform .3s,box-shadow .3s,border-color .3s;box-shadow:0 10px 40px rgba(0,0,0,.5);border-radius:20px;background:transparent}.content-card:hover{border-color:hsla(0,0%,100%,.6);transform:translateY(-5px);box-shadow:0 15px 50px rgba(0,0,0,.6)}.card-icon{height:70px;justify-content:center;margin-bottom:20px;align-items:center;box-shadow:0 6px 20px rgba(0,0,0,.5);border-radius:50%;background:hsla(0,0%,100%,.95);width:70px;display:inline-flex}.card-icon i{font-size:32px;color:#37a4c8}.content-card h2{font-size:32px;font-weight:700;margin-bottom:20px;text-shadow:3px 3px 10px rgba(0,0,0,.9);color:#fff}.content-card p{font-size:16px;margin-bottom:15px;text-shadow:2px 2px 8px rgba(0,0,0,.9);color:#fff;text-align:justify;line-height:1.8}.content-card p:last-child{margin-bottom:0}.services-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px;display:grid}.service-item{padding:15px;border:1px solid hsla(0,0%,100%,.3);border-left:4px solid #fff;transition:all .3s;gap:12px;align-items:center;border-radius:12px;background:transparent;display:flex}.service-item:hover{border-color:hsla(0,0%,100%,.5);transform:translateX(5px)}.service-item i{flex-shrink:0;font-size:20px;text-shadow:2px 2px 6px rgba(0,0,0,.8);color:#fff}.service-item span{font-size:15px;font-weight:600;text-shadow:2px 2px 8px rgba(0,0,0,.9);color:#fff}.features-grid{grid-template-columns:repeat(4,1fr);gap:25px;margin-top:30px;display:grid}.feature-item{padding:30px 20px;border:1px solid hsla(0,0%,100%,.3);transition:all .3s;text-align:center;border-radius:15px;background:transparent}.feature-item:hover{border-color:hsla(0,0%,100%,.5);transform:translateY(-5px)}.feature-icon{height:60px;justify-content:center;margin-bottom:15px;align-items:center;box-shadow:0 6px 20px rgba(0,0,0,.5);border-radius:50%;background:hsla(0,0%,100%,.95);width:60px;display:inline-flex}.feature-icon i{font-size:28px;color:#37a4c8}.feature-item h3{font-size:18px;font-weight:700;margin-bottom:10px;text-shadow:3px 3px 10px rgba(0,0,0,.9);color:#fff}.feature-item p{font-size:14px;text-shadow:2px 2px 8px rgba(0,0,0,.9);color:#fff;text-align:center;margin:0;line-height:1.6}.vision-mission-wrapper{grid-template-columns:1fr 1fr;gap:30px;display:grid}.mission-card,.vision-card{padding:40px;border:2px solid hsla(0,0%,100%,.4);transition:transform .3s,box-shadow .3s,border-color .3s;box-shadow:0 10px 40px rgba(0,0,0,.5);border-radius:20px;background:transparent}.mission-card:hover,.vision-card:hover{border-color:hsla(0,0%,100%,.6);transform:translateY(-5px);box-shadow:0 15px 50px rgba(0,0,0,.6)}.vm-icon{height:70px;justify-content:center;margin-bottom:20px;align-items:center;box-shadow:0 6px 20px rgba(0,0,0,.5);border-radius:50%;background:hsla(0,0%,100%,.95);width:70px;display:inline-flex}.vm-icon i{font-size:32px;color:#37a4c8}.mission-card h2,.vision-card h2{font-size:28px;font-weight:700;margin-bottom:20px;text-shadow:3px 3px 10px rgba(0,0,0,.9);color:#fff}.mission-card p,.vision-card p{font-size:16px;text-shadow:2px 2px 8px rgba(0,0,0,.9);color:#fff;text-align:justify;line-height:1.8}.back-button{position:relative;text-align:center;margin-top:80px;z-index:10}.btn{padding:15px 35px;justify-content:center;font-size:16px;border:none;text-decoration:none;font-weight:600;transition:all .3s;gap:10px;align-items:center;box-shadow:0 8px 25px rgba(0,0,0,.5);border-radius:12px;cursor:pointer;display:inline-flex}.btn i{font-size:18px}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.6)}.btn-back{border:2px solid hsla(0,0%,100%,.5);text-shadow:2px 2px 6px rgba(0,0,0,.8);color:#fff;background:transparent}.btn-back:hover{border-color:hsla(0,0%,100%,.7);color:#fff;background:hsla(0,0%,100%,.1)}.floating-social{transform:translateY(-50%);right:20px;position:fixed;flex-direction:column;gap:10px;top:50%;display:flex;z-index:1000}.floating-social a{height:48px;justify-content:center;font-size:20px;text-decoration:none;color:#fff;transition:transform .3s;align-items:center;border-radius:12px;width:48px;display:flex}.floating-social a:hover{transform:scale(1.1)}.floating-social .instagram{background:#e1306c}.floating-social .youtube{background:red}.floating-social .pinterest{background:#bd081c}.floating-social .whatsapp{background:#25d366}.floating-social .google{background:#4285f4}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (max-width:1024px){.about-header h1{font-size:40px}.features-grid{grid-template-columns:repeat(2,1fr)}.services-grid,.vision-mission-wrapper{grid-template-columns:1fr}}@media screen and (max-width:768px){.about-container{padding:40px 15px 180px}.about-header{margin-bottom:40px}.about-header h1{font-size:32px}.subtitle{font-size:16px}.main-logo{max-width:150px}.content-card{padding:25px}.content-card h2{font-size:24px}.content-card p{font-size:14px}.card-icon{height:60px;width:60px}.card-icon i{font-size:28px}.services-grid{grid-template-columns:1fr;gap:15px}.features-grid,.vision-mission-wrapper{grid-template-columns:1fr;gap:20px}.mission-card,.vision-card{padding:25px}.mission-card h2,.vision-card h2{font-size:22px}.btn,.mission-card p,.vision-card p{font-size:14px}.btn{padding:12px 25px}.floating-social{transform:none;padding:0;justify-content:space-around;right:0;position:fixed;border-top:1px solid hsla(0,0%,100%,.2);flex-direction:row;bottom:0;gap:0;top:auto;background:rgba(0,0,0,.95);left:0;z-index:10000}.floating-social a{flex:1;height:50px;font-size:22px;border-radius:0;width:auto}.modal-content,.modal-inner{padding:20px;max-height:85vh;width:95%}.modal-content h2,.modal-inner h2{font-size:18px}.modal-content p,.modal-inner p{font-size:14px}.hero-slider,.hero-slider img{height:200px}.modal-actions,.modal-buttons{flex-direction:column}.btn{margin-bottom:5px;width:100%}}@media screen and (max-width:480px){.about-header h1{font-size:26px}.subtitle{font-size:14px}.main-logo{max-width:120px}.content-card{padding:20px}.content-card h2{font-size:20px}.content-card p{font-size:13px}.service-item{padding:12px}.service-item span{font-size:13px}.feature-item{padding:20px 15px}.feature-item h3{font-size:16px}.feature-item p{font-size:13px}}