:root{--hero-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--mission-gradient:linear-gradient(135deg, #10b981 0%, #059669 100%);--vision-gradient:linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--cat-bottom-theme:linear-gradient(135deg, #621c9f, #2a0248, #621c9f)}.section-content{max-width:1300px;margin:60px auto;padding:40px 25px;animation:.8s ease-in-out forwards fadeSection;position:relative}@keyframes fadeSection{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section-alt{border-radius:25px;margin:50px auto;padding:50px 30px;transition:background-color .2s;box-shadow:0 10px 30px #00000012;background:var(--bg-color)!important}.content-row{flex-wrap:wrap;align-items:center;gap:70px;max-width:1200px;margin:0 auto;display:flex;position:relative}.content-row-reverse{flex-direction:row-reverse}.content-visual{flex:1;min-width:250px;max-width:330px}.visual-card{background:var(--hero-gradient);will-change:transform;border-radius:30px;justify-content:center;align-items:center;min-height:220px;padding:70px 20px;transition:transform .45s cubic-bezier(.26,.22,.24,1.08),box-shadow .45s;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 40px #0000002e}.visual-card:hover{transform:translateY(-8px)rotateX(8deg)rotateY(-8deg);box-shadow:0 25px 50px #00000040}.mission-card{background:var(--mission-gradient)}.vision-card{background:var(--vision-gradient)}.visual-icon{color:#fff;z-index:2;font-size:5rem;position:relative;transform:translateZ(40px)}.visual-decoration,.mission-decoration,.vision-decoration{filter:blur(20px);background:#ffffff1f;border-radius:50%;width:260px;height:260px;position:absolute;top:-60px;right:-60px}.content-text{min-width:55%;color:var(--text-primary);flex:2}.section-badge{background:var(--hero-gradient);color:#fff;text-transform:uppercase;letter-spacing:1px;border-radius:25px;margin-bottom:18px;padding:8px 20px;font-size:.95rem;font-weight:600;display:inline-block;box-shadow:0 3px 12px #0000002e}.mission-badge{background:var(--mission-gradient)}.vision-badge{background:var(--vision-gradient)}.section-title{color:var(--text-color);text-shadow:0 3px 10px #00000026;margin-bottom:20px;font-size:2.7rem;font-weight:800;line-height:1.15;animation:.7s ease-out forwards slideUpText}@keyframes slideUpText{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.section-description{color:var(--text-color);opacity:.95;margin-bottom:18px;font-size:1.15rem;line-height:1.75}.feature-highlights{flex-wrap:wrap;gap:35px;margin-top:45px;display:flex}.highlight-item{will-change:transform;align-items:center;gap:15px;transition:transform .3s;display:flex}.highlight-item:hover{transform:translate(10px)}.highlight-icon{background:var(--hero-gradient);color:#fff;border-radius:18px;justify-content:center;align-items:center;width:65px;height:65px;font-size:1.6rem;display:flex;box-shadow:0 6px 16px #0003}.highlight-text h3{color:var(--text-color);margin-bottom:4px;font-size:1.2rem;font-weight:700}.highlight-text p{color:var(--text-color);opacity:.9;margin:0;font-size:.95rem}.mission-features{margin-top:30px}.feature-check{cursor:default;color:var(--text-color);will-change:transform;align-items:center;gap:12px;margin-bottom:16px;transition:transform .25s;display:flex}.feature-check:hover{transform:translate(12px)}.feature-check i{color:#10b981;font-size:1.25rem}.vision-quote{background:#3b82f612;border-left:4px solid #3b82f6;border-radius:20px;margin-top:35px;padding:35px;position:relative}@media (prefers-color-scheme:dark){.vision-quote{background:#3b82f626}}.quote-icon{background:var(--bg-color);color:#3b82f6;border-radius:50%;padding:8px;font-size:1.6rem;position:absolute;top:-12px;left:20px;box-shadow:0 4px 12px #00000026}.vision-quote blockquote{color:var(--text-color);margin-top:20px;font-size:1.2rem;font-style:italic;line-height:1.7}.vision-quote cite{color:var(--text-color);margin-top:15px;font-weight:600;display:block}@media (max-width:900px){.content-row{gap:40px}.section-title{font-size:2.1rem}}@media (max-width:600px){.content-row{text-align:center;flex-direction:column}.visual-card{width:100%}.section-badge{margin-top:50px}}@media (max-width:768px){.stat-card{min-width:150px;padding:25px 20px}}.footer{background:var(--dark-gradient);color:#fff}.hero-about{color:#fff;background:linear-gradient(1deg,#324d7b,#0f1c30);margin:0 0 35px;padding:clamp(50px,10vw,80px) clamp(15px,3vw,25px);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;overflow:hidden}.hero-about:before,.hero-about:after{content:"";filter:blur(100px);z-index:0;will-change:transform;border-radius:50%;width:480px;height:480px;animation:9s ease-in-out infinite alternate meshFloat;position:absolute}.hero-about:before{top:-120px;left:-180px}@keyframes meshFloat{0%{transform:translateY(-30px)scale(1)}to{transform:translateY(30px)scale(1.1)}}.hero-about .spotlight{mix-blend-mode:soft-light;pointer-events:none;z-index:2;will-change:transform;background:radial-gradient(circle,#ffffff14,#0000 70%);border-radius:50%;width:220px;height:220px;animation:6s ease-in-out infinite alternate spotlightFloat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spotlightFloat{0%{transform:translate(-45%,-48%)}to{transform:translate(-55%,-52%)}}.hero-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1;background:#0000002e;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur()}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{letter-spacing:-.5px;color:#fff;text-shadow:0 4px 14px #00000059;word-wrap:break-word;margin-bottom:clamp(15px,3vw,22px);font-size:clamp(2rem,6vw,4.3rem);font-weight:800;line-height:1.2;position:relative}.hero-title:after{content:"";will-change:transform, opacity;transform-origin:50%;background:linear-gradient(90deg,#0000,#9125cfe6,#0000);border-radius:50px;width:200px;height:5px;margin-left:-100px;animation:3s ease-in-out infinite glowBar;position:absolute;bottom:-10px;left:50%}@keyframes glowBar{0%{opacity:.4;transform:scaleX(.4)}50%{opacity:1;transform:scaleX(.75)}to{opacity:.4;transform:scaleX(1)}}.hero-subtitle{opacity:.95;color:#eaeaea;word-wrap:break-word;margin-bottom:clamp(30px,6vw,60px);padding:0 clamp(5px,2vw,15px);font-size:clamp(1rem,2.5vw,1.55rem);line-height:1.75;animation:1s ease-out forwards slideUp}.hero-stats{z-index:11!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:clamp(15px,3vw,50px)!important;margin-bottom:50px!important;padding:0 clamp(10px,2vw,20px)!important;display:flex!important;position:relative!important}.stat-item{text-align:center!important;z-index:11!important;position:relative!important}.stat-card{will-change:transform;-webkit-backdrop-filter:blur(22px)!important;backdrop-filter:blur(22px)!important;text-align:center!important;background:#ffffff17!important;border:1px solid #ffffff24!important;border-radius:clamp(16px,2vw,22px)!important;flex:auto!important;min-width:clamp(120px,20vw,170px)!important;max-width:100%!important;padding:clamp(20px,4vw,34px) clamp(15px,3vw,30px)!important;transition:transform .35s,box-shadow .35s!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 1px 8px #ffffff26,0 6px 24px #00000040!important}.stat-card:before{content:"";opacity:0;background:radial-gradient(circle,#ffffff26,#0000 70%);width:160%;height:160%;transition:opacity .4s;position:absolute;top:-30%;left:-30%}.stat-card:hover:before{opacity:1}.stat-card:hover{transform:translateY(-8px)scale(1.06);box-shadow:inset 0 1px 8px #ffffff26,0 14px 36px #0000004d}.stat-number{color:#fff;margin-bottom:clamp(4px,1vw,6px);font-size:clamp(1.8rem,4vw,2.7rem);font-weight:800;line-height:1.1;text-shadow:0 0 10px #ffffff40!important}.stat-label{opacity:.88;word-wrap:break-word;font-size:clamp(.85rem,1.5vw,1rem);line-height:1.4;color:#fdfdfd!important}@keyframes float{0%{transform:translateY(0)scale(1)}50%{transform:translateY(-18px)scale(1.04)}to{transform:translateY(0)scale(1)}}@media (max-width:768px){.hero-about{margin:0 0 25px}.hero-subtitle{margin-bottom:30px;font-size:clamp(.95rem,3vw,1.1rem)}.stat-card{min-width:clamp(110px,25vw,140px);padding:clamp(18px,3vw,26px) clamp(12px,2.5vw,20px)}.hero-stats{gap:15px}.stat-number{font-size:clamp(1.6rem,5vw,2.2rem)}.stat-label{font-size:clamp(.8rem,2vw,.95rem)}}@media (max-width:480px){.hero-about{margin:0 0 25px;padding:clamp(40px,8vw,60px) clamp(10px,2vw,15px)}.hero-subtitle{margin-bottom:25px;font-size:clamp(.9rem,3.5vw,1rem);line-height:1.6}.hero-stats{gap:clamp(10px,2vw,15px);padding:0 5px}.stat-card{flex:calc(50% - 10px);min-width:clamp(95px,28vw,120px);max-width:calc(50% - 5px);padding:clamp(15px,3vw,20px) clamp(10px,2vw,15px)}.stat-number{margin-bottom:3px;font-size:clamp(1.4rem,6vw,1.8rem)}.stat-label{font-size:clamp(.75rem,2.5vw,.85rem)}}@media (max-width:360px){.hero-about{margin:0 0 25px;padding:35px 8px}.hero-subtitle{font-size:.85rem}.stat-card{min-width:clamp(90px,19vw,150px)!important;max-width:100%!important;padding:clamp(16px,2vw,28px) clamp(15px,3vw,30px)!important}.stat-number{font-size:1.3rem}.stat-label{font-size:.7rem}}@media (min-width:481px) and (max-width:550px){.hero-stats{margin-bottom:20px!important}.section-content{margin:10px auto;padding:10px 25px}.stat-card{min-width:clamp(90px,19vw,150px)!important;max-width:100%!important;padding:clamp(16px,2vw,28px) clamp(15px,3vw,30px)!important}}@media (min-width:411px) and (max-width:480px){.hero-stats{gap:2px!important;margin-bottom:20px!important}.section-content{margin:10px auto;padding:10px 25px}.stat-card{min-width:clamp(90px,19vw,150px)!important;max-width:100%!important;padding:clamp(16px,2vw,28px) clamp(15px,3vw,30px)!important}}@media (min-width:351px) and (max-width:410px){.hero-stats{margin-bottom:20px!important}.section-content{margin:10px auto;padding:10px 25px}.stat-card{min-width:clamp(90px,19vw,150px)!important;max-width:100%!important;padding:clamp(16px,2vw,28px) clamp(15px,3vw,30px)!important}}@media (max-width:350px){.hero-stats{gap:3px!important;margin-bottom:10px!important}.section-content{margin:10px auto;padding:10px 25px}.stat-card{min-width:clamp(90px,19vw,150px)!important;max-width:100%!important;padding:clamp(16px,2vw,28px) clamp(15px,3vw,30px)!important}}@media (max-width:768px){.content-visual{display:none}.content-text{min-width:100%}}@media (prefers-reduced-motion:reduce){.hero-title,.hero-title:after,.hero-subtitle,.section-content,.section-title,.highlight-item,.feature-check,.visual-card,.stat-card,.hero-about:before,.hero-about:after,.hero-about .spotlight{transition:none!important;animation:none!important}}
