.about-page{background-color:var(--bg-main);width:100%;overflow-x:hidden}.about-page .container{max-width:1900px;margin:0 auto;padding:0 2rem}.about-page [data-animate]{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1)}.about-page [data-animate=fade-up]{transform:translateY(50px)}.about-page [data-animate=fade-left]{transform:translate(50px)}.about-page [data-animate=slide-right]{transform:translate(-50px)}.about-page [data-animate=slide-left]{transform:translate(50px)}.about-page [data-animate=zoom-in]{transform:scale(.9)}.about-page [data-animate].animated{opacity:1;transform:translateY(0)translate(0)scale(1)}.about-page .hero-section{background-color:var(--bg-main);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-background{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.animated-grid{background-image:linear-gradient(var(--border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px);opacity:.5;background-size:50px 50px;width:100%;height:100%;animation:20s linear infinite gridMove;position:absolute}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.particles{background-image:radial-gradient(2px 2px at 20px 30px, var(--border-subtle), transparent), radial-gradient(2px 2px at 60px 70px, var(--border-subtle), transparent), radial-gradient(2px 2px at 50px 50px, var(--border-subtle), transparent), radial-gradient(2px 2px at 130px 80px, var(--border-subtle), transparent), radial-gradient(2px 2px at 160px 120px, var(--border-subtle), transparent);opacity:.4;background-position:0 0,40px 60px,130px 270px,70px 100px;background-size:200px 200px;width:100%;height:100%;animation:30s linear infinite particlesMove;position:absolute}@keyframes particlesMove{0%{background-position:0 0,40px 60px,130px 270px,70px 100px}to{background-position:200px 200px,240px 260px,330px 470px,270px 300px}}.about-page .hero-container{z-index:2;justify-content:space-between;align-items:center;gap:4rem;padding-top:2rem;display:flex;position:relative}.about-page .hero-content{flex-direction:column;gap:1.5rem;max-width:1900px;display:flex}.about-page .hero-badge{background:var(--bg-overlay);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);color:var(--text-main);box-shadow:var(--shadow-sm);border-radius:50px;align-items:center;gap:.5rem;width:fit-content;margin-bottom:1.5rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.about-page .hero-badge .icon{color:var(--tertiary);font-size:1.25rem}.about-page .hero-title{color:var(--text-main);margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3.75rem);font-weight:900;line-height:1.1}.highlight-primary{color:var(--highlight-primary);display:inline-block;position:relative}.highlight-secondary{background:var(--tertiary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.highlight-tertiary{color:var(--tertiary)}.about-page .hero-description{color:var(--text-muted);max-width:1960px;margin-bottom:2rem;font-size:clamp(1rem,2vw,1.125rem);line-height:1.8}.hero-stats-inline{flex-wrap:wrap;gap:1.5rem;margin-bottom:2.5rem;display:flex}.inline-stat{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.9375rem;display:flex}.inline-stat .icon{color:var(--tertiary);flex-shrink:0;font-size:1.5rem}.inline-stat strong{color:var(--text-main);font-weight:700}.about-page .hero-cta{flex-wrap:wrap;gap:1rem;display:flex}.about-page .hero-visual{width:100%;height:500px;position:relative}.floating-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);will-change:transform;border-radius:16px;align-items:center;gap:.75rem;padding:1rem 1.5rem;transition:all .3s;animation:6s ease-in-out infinite floatCard;display:flex;position:absolute}.floating-card:hover{background:var(--bg-elevated);border-color:var(--secondary);box-shadow:var(--shadow-lg);transform:translateY(-5px)scale(1.05)}.floating-card .icon{color:var(--tertiary);flex-shrink:0;font-size:1.75rem}.floating-card span{color:var(--text-main);white-space:nowrap;font-size:.9375rem;font-weight:600}.card-1{animation-delay:0s;top:0%;left:10%}.card-2{animation-delay:1s;top:18%;right:5%}.card-3{animation-delay:2s;top:38%;left:5%}.card-4{animation-delay:3s;top:58%;right:10%}.card-5{animation-delay:4s;top:78%;left:25%}.card-6{animation-delay:5s;top:28%;left:50%;transform:translate(-50%)}@keyframes floatCard{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-15px)rotate(2deg)}66%{transform:translateY(-7px)rotate(-2deg)}}.scroll-indicator{cursor:pointer;z-index:3;flex-direction:column;align-items:center;gap:.75rem;transition:all .3s;animation:2s ease-in-out infinite bounce;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-indicator:hover{transform:translate(-50%)scale(1.1)}.mouse{border:2px solid var(--border-medium);border-radius:15px;width:28px;height:45px;position:relative}.wheel{background:var(--tertiary);border-radius:2px;width:4px;height:10px;animation:1.5s ease-in-out infinite scroll;position:absolute;top:10px;left:50%;transform:translate(-50%)}@keyframes scroll{0%{opacity:1;top:10px}to{opacity:0;top:25px}}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-10px)}}.scroll-indicator span{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-size:.75rem;font-weight:600}.about-page .btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.625rem;margin-bottom:100px;padding:1rem 2rem;font-family:Onest,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.about-page .btn:before{content:"";background:var(--active-overlay);border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-page .btn:hover:before{width:400px;height:400px}.about-page .btn span,.about-page .btn .icon{z-index:1;position:relative}.about-page .btn .icon{flex-shrink:0;font-size:1.25rem;transition:transform .3s}.about-page .btn:hover .icon{transform:translate(5px)}.about-page .btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:var(--shadow-md);font-weight:700}.about-page .btn-primary:hover{background:var(--btn-primary-hover);color:var(--btn-primary-text-hover);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.about-page .btn-primary-large{background:var(--tertiary);color:var(--primary);box-shadow:var(--shadow-lg);padding:1.25rem 3rem;font-size:1.125rem;font-weight:700}.about-page .btn-primary-large:hover{transform:translateY(-5px)scale(1.05);box-shadow:0 10px 40px #facc1566}.section-tag{background:var(--hover-overlay);border:1px solid var(--border-subtle);color:var(--secondary);border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.section-tag .icon{font-size:1.125rem}.mission-vision-section{background-color:var(--bg-surface);padding:6rem 0;position:relative}.mission-vision-section .section-tag{justify-content:center;margin:0 auto 3rem;display:flex}.mission-vision-wrapper{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.mission-block,.vision-block{background:var(--bg-main);border:1px solid var(--border-subtle);border-radius:24px;padding:2.5rem 2rem;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.mission-block:before,.vision-block:before{content:"";background:linear-gradient(90deg, var(--secondary), var(--accent-2));width:100%;height:6px;position:absolute;top:0;left:0}.mission-block:hover,.vision-block:hover{box-shadow:var(--shadow-lg);border-color:var(--secondary);transform:translateY(-10px)}.block-header{align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;transition:all .5s;display:flex}.mission-icon{background:var(--hover-overlay)}.vision-icon{background:#9b6ced1a}.mission-block:hover .mission-icon{background:var(--secondary);transform:rotate(360deg)scale(1.1)}.vision-block:hover .vision-icon{background:var(--accent-1);transform:rotate(360deg)scale(1.1)}.icon-circle .icon{color:var(--secondary);font-size:2.25rem;transition:color .3s}.vision-icon .icon{color:var(--accent-1)}.mission-block:hover .mission-icon .icon,.vision-block:hover .vision-icon .icon{color:var(--neutral-white)}.block-header h2{color:var(--text-main);font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.mission-block p,.vision-block p{color:var(--text-muted);font-size:clamp(.9375rem,2vw,1.0625rem);line-height:1.8}.mission-block strong,.vision-block strong{color:var(--secondary);font-weight:600}.block-decoration{background:var(--hover-overlay);filter:blur(40px);opacity:.5;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-20px;right:-20px}.services-compact-section{background-color:var(--bg-main);padding:6rem 0}.section-header{text-align:center;margin-bottom:3rem}.section-title{color:var(--text-main);margin-top:1rem;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;line-height:1.2}.services-compact-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem;display:grid}.service-compact-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px;padding:2rem 1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.service-compact-card:before{content:"";background:linear-gradient(180deg, var(--secondary), var(--accent-2));width:4px;height:0;transition:height .4s;position:absolute;top:0;left:0}.service-compact-card:hover:before{height:100%}.service-compact-card:hover{box-shadow:var(--shadow-md);border-color:var(--secondary);transform:translate(10px)}.service-number{color:var(--border-subtle);font-size:clamp(2rem,5vw,3rem);font-weight:900;line-height:1;transition:color .4s;position:absolute;top:1.5rem;right:1.5rem}.service-compact-card:hover .service-number{color:var(--secondary);opacity:.2}.service-icon-compact{color:var(--secondary);margin-bottom:1.5rem;font-size:2.5rem;transition:transform .4s;display:block}.service-compact-card:hover .service-icon-compact{transform:scale(1.1)rotate(5deg)}.service-compact-card h3{color:var(--text-main);margin-bottom:.75rem;padding-right:3rem;font-size:clamp(1.125rem,2vw,1.25rem);font-weight:700}.service-compact-card p{color:var(--text-muted);font-size:clamp(.875rem,1.5vw,.9375rem);line-height:1.7}.cta-final-section{background-color:var(--primary);padding:6rem 0;position:relative;overflow:hidden}.cta-background{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.grid-pattern{background-image:linear-gradient(#35bcff0d 1px,#0000 1px),linear-gradient(90deg,#35bcff0d 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;animation:20s linear infinite gridMove;position:absolute}.gradient-overlay{background:radial-gradient(circle,#35bcff1a,#0000 70%);width:100%;height:100%;position:absolute}.cta-content{z-index:2;text-align:center;max-width:800px;margin:0 auto;position:relative}.cta-icon-mega{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#facc151a;border:2px solid #facc154d;border-radius:50%;justify-content:center;align-items:center;width:clamp(80px,15vw,120px);height:clamp(80px,15vw,120px);margin:0 auto 2rem;animation:2s ease-in-out infinite pulse-cta;display:flex}@keyframes pulse-cta{0%,to{transform:scale(1);box-shadow:0 0 #facc15b3}50%{transform:scale(1.05);box-shadow:0 0 0 20px #facc1500}}.cta-icon-mega .icon{color:var(--tertiary);font-size:clamp(2.5rem,6vw,4rem)}.cta-final-section .cta-title{color:var(--neutral-white);margin-bottom:1.5rem;font-size:clamp(1.75rem,5vw,3rem);font-weight:900;line-height:1.2}.cta-final-section .cta-description{color:#fffc;margin-bottom:3rem;padding:0 1rem;font-size:clamp(1rem,2vw,1.25rem);line-height:1.8}.cta-buttons{margin-bottom:3rem}.cta-features{flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:0 1rem;display:flex}.cta-feature{color:#ffffffe6;align-items:center;gap:.5rem;font-size:clamp(.875rem,1.5vw,.9375rem);font-weight:500;display:flex}.cta-feature .icon{color:var(--tertiary);flex-shrink:0;font-size:1.5rem}@media (width<=1024px){.about-page .hero-container{grid-template-columns:1fr;gap:2rem;padding-top:0}.about-page .hero-section{min-height:auto;padding:4rem 0}.about-page .hero-content{align-items:center}.about-page .hero-badge{margin-left:auto;margin-right:auto}.hero-stats-inline,.about-page .hero-cta{justify-content:center}.about-page .hero-visual{display:none}.mission-vision-wrapper{grid-template-columns:1fr;gap:2rem}.services-compact-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (width<=768px){.about-page .hero-section{min-height:auto;padding:4rem 0}.about-page .hero-title{margin-bottom:1rem;font-size:2rem}.about-page .hero-description{margin-bottom:1.5rem;font-size:1rem}.hero-stats-inline{gap:1rem;margin-bottom:2rem}.mission-vision-section,.services-compact-section,.cta-final-section{padding:4rem 0}.mission-block,.vision-block{padding:2rem 1.5rem}.block-header{flex-direction:row;gap:1rem}.icon-circle{width:60px;height:60px}.icon-circle .icon{font-size:1.75rem}.block-header h2{font-size:1.5rem}.services-compact-grid{grid-template-columns:1fr;gap:1.5rem}.service-compact-card{padding:2rem 1.5rem}.service-number{font-size:2.5rem}.cta-features{gap:1rem}.scroll-indicator{bottom:3rem}}@media (width<=480px){.about-page .container{padding:0 1rem}.about-page .hero-section{padding:5rem 0 3rem}.about-page .hero-badge{padding:.5rem 1rem;font-size:.8125rem}.about-page .hero-title{font-size:1.75rem;line-height:1.2}.about-page .hero-description{font-size:.9375rem;line-height:1.6}.hero-stats-inline{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem}.inline-stat{justify-content:center;font-size:.875rem}.about-page .hero-cta{flex-direction:column;width:100%}.about-page .btn{width:100%;padding:.875rem 1.5rem;font-size:.9375rem}.about-page .btn span{font-size:.9375rem}.about-page .btn-primary-large{padding:1rem 2rem;font-size:1rem}.section-tag{padding:.375rem .875rem;font-size:.8125rem}.section-title{font-size:1.5rem}.mission-vision-section,.services-compact-section,.cta-final-section{padding:3rem 0}.mission-block,.vision-block{padding:1.5rem 1.25rem}.block-header{text-align:center;flex-direction:column;gap:1rem}.icon-circle{width:60px;height:60px}.icon-circle .icon{font-size:1.75rem}.block-header h2{font-size:1.375rem}.mission-block p,.vision-block p{text-align:center;font-size:.9375rem}.service-compact-card{padding:1.75rem 1.25rem}.service-compact-card h3{padding-right:2.5rem;font-size:1.125rem}.service-compact-card p{font-size:.875rem}.service-number{font-size:2rem;top:1rem;right:1rem}.cta-final-section .cta-description{padding:0}.cta-features{flex-direction:column;align-items:center;gap:.75rem}.scroll-indicator{bottom:3rem}.scroll-indicator span{font-size:.6875rem}}@media (width<=360px){.about-page .hero-title{font-size:1.5rem}.about-page .hero-badge{font-size:.75rem}.about-page .btn{padding:.75rem 1.25rem;font-size:.875rem}.service-compact-card{padding:1.5rem 1rem}.mission-block,.vision-block{padding:1.25rem 1rem}}