:root{--c1:#e7f0fa;--c2:#7ba4d0;--c3:#2e5e99;--c4:#0d2440;--white:#fff;--text-body:#2a3f57;--text-muted:#5a7a9a;--ease:.3s cubic-bezier(.4, 0, .2, 1)}.about-page{color:var(--text-body);background:var(--white);font-family:DM Sans,sans-serif;overflow-x:hidden}.about-hero{background:var(--c4);text-align:center;padding:100px 48px 90px;position:relative;overflow:hidden}.hero-shape-1{pointer-events:none;background:radial-gradient(circle,#2e5e9980 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-160px;left:-100px}.hero-shape-2{pointer-events:none;background:radial-gradient(circle,#7ba4d033 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-120px;right:-80px}.hero-inner{z-index:1;max-width:760px;margin:0 auto;position:relative}.hero-badge{color:var(--c2);letter-spacing:.12em;text-transform:uppercase;background:#7ba4d026;border:1px solid #7ba4d059;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 18px;font-size:12px;font-weight:700;display:inline-flex}.hero-title{color:var(--white);letter-spacing:-.02em;margin:0 0 24px;font-family:Manrope,sans-serif;font-size:clamp(36px,6vw,62px);font-weight:700;line-height:1.15}.hero-title-em{color:var(--c2);font-style:italic}.hero-divider{justify-content:center;align-items:center;gap:14px;margin-bottom:28px;display:flex}.divider-line{background:#7ba4d066;width:60px;height:1px;display:block}.divider-star{color:var(--c2);opacity:.7;font-size:13px}.hero-intro{color:#ffffffb3;max-width:640px;margin:0 auto;font-size:clamp(16px,2vw,19px);font-style:italic;font-weight:300;line-height:1.8}.about-content{background-color:var(--white);background-image:radial-gradient(#2e5e990e 1.5px,#0000 1.5px);background-size:28px 28px;padding:90px 48px}.content-grid{grid-template-columns:1fr 1.6fr;align-items:start;gap:80px;max-width:1160px;margin:0 auto;display:grid}.section-label{letter-spacing:.15em;text-transform:uppercase;color:var(--c3);margin-bottom:16px;font-size:12px;font-weight:700;display:block}.section-label.blue{color:var(--c2)}.content-heading{color:var(--c4);letter-spacing:-.02em;margin:0 0 24px;font-family:Manrope,sans-serif;font-size:clamp(26px,3.5vw,40px);font-weight:700;line-height:1.25}.accent-bar{background:linear-gradient(90deg, var(--c3), var(--c2));border-radius:2px;width:48px;height:4px}.content-right{padding-top:8px}.content-para{color:var(--text-body);margin:0 0 20px;font-size:16px;line-height:1.9}.stats-row{background:var(--c1);border:1px solid #7ba4d040;border-radius:16px;align-items:center;margin-top:36px;padding:28px 32px;display:flex}.stat-item{text-align:center;flex-direction:column;flex:1;align-items:center;gap:5px;display:flex}.stat-num{color:var(--c3);font-family:Manrope,sans-serif;font-size:36px;font-weight:700;line-height:1}.stat-lbl{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.stat-sep{background:#7ba4d04d;flex-shrink:0;width:1px;height:44px}.values-section{background:linear-gradient(135deg, var(--c3) 0%, var(--c2) 100%);padding:70px 48px;position:relative;overflow:hidden}.values-grid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1160px;margin:0 auto;display:grid}.value-card{transition:background var(--ease), border-color var(--ease), transform var(--ease);background:#ffffff0a;border:1px solid #7ba4d01f;border-radius:16px;padding:40px 32px}.value-card:hover{background:#7ba4d017;border-color:#7ba4d059;transform:translateY(-5px)}.value-icon{color:var(--c1);margin-bottom:20px;font-size:28px;line-height:1;display:block}.value-card h3{color:var(--white);margin:0 0 12px;font-family:Manrope,sans-serif;font-size:20px;font-weight:600}.value-card p{color:#ffffff8c;margin:0;font-size:15px;line-height:1.75}.team-section{background:var(--c1);padding:90px 48px}.team-header{text-align:center;max-width:560px;margin:0 auto 64px}.team-heading{color:var(--c4);letter-spacing:-.02em;margin:0 0 14px;font-family:Manrope,sans-serif;font-size:clamp(28px,4vw,44px);font-weight:700}.team-sub{color:var(--text-muted);margin:0;font-size:16px;line-height:1.7}.team-top-row{justify-content:center;gap:32px;max-width:1160px;margin:0 auto 36px;display:flex}.team-grid{grid-template-columns:repeat(4,1fr);gap:24px;max-width:1160px;margin:0 auto;display:grid}.member-card{background:var(--white);transition:transform var(--ease), box-shadow var(--ease), border-color var(--ease);border:1px solid #7ba4d033;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0d24400f}.member-card:hover{border-color:var(--c2);transform:translateY(-6px);box-shadow:0 16px 40px #0d244024}.card-leader{flex-shrink:0;width:260px}.member-img-wrap{aspect-ratio:1;background:var(--c1);width:100%;position:relative;overflow:hidden}.member-img{object-fit:cover;width:100%;height:100%;transition:transform var(--ease);display:block}.member-card:hover .member-img{transform:scale(1.05)}.member-placeholder{background:linear-gradient(145deg, var(--c1) 0%, #cddff2 100%);z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.member-placeholder svg{width:52px;height:52px;color:var(--c2);opacity:.55}.member-img{z-index:1;position:relative}.member-info{border-top:2px solid var(--c1);padding:18px 20px 20px}.member-name{color:var(--c4);margin:0 0 5px;font-family:Manrope,sans-serif;font-size:17px;font-weight:600;line-height:1.2}.member-role{letter-spacing:.07em;text-transform:uppercase;color:var(--c3);font-size:11px;font-weight:700;display:block}.card-leader .member-info{text-align:center;border-top:3px solid var(--c3);padding:20px 20px 24px}.card-leader .member-name{font-size:19px}.about-cta{background:var(--c3);text-align:center;padding:80px 48px;position:relative;overflow:hidden}.cta-shape{pointer-events:none;background:radial-gradient(circle,#0d244066 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-inner{z-index:1;max-width:600px;margin:0 auto;position:relative}.cta-heading{color:var(--white);letter-spacing:-.02em;margin:0 0 14px;font-family:Manrope,sans-serif;font-size:clamp(26px,4vw,40px);font-weight:700}.cta-sub{color:#ffffffb3;margin:0 0 36px;font-size:16px;font-style:italic}.cta-btn{color:var(--c3);background:var(--white);letter-spacing:.02em;transition:color var(--ease), transform var(--ease), box-shadow var(--ease);background-color:#0d2440;border-radius:10px;padding:14px 38px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;text-decoration:none;display:inline-block}.cta-btn:hover{background:var(--c4);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 24px #0d244059}@media (max-width:1024px){.team-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:860px){.about-hero{padding:72px 24px 64px}.about-content{padding:60px 24px}.content-grid{grid-template-columns:1fr;gap:40px}.content-left{text-align:center}.accent-bar{margin:0 auto}.values-section{padding:56px 24px}.values-grid{grid-template-columns:1fr;gap:14px}.team-section{padding:70px 24px}.team-top-row{gap:20px}.card-leader{width:210px}.team-grid{grid-template-columns:repeat(2,1fr);gap:16px}.about-cta{padding:64px 24px}}@media (max-width:520px){.about-hero{padding:56px 20px}.team-top-row{gap:14px}.card-leader{width:160px}.team-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stats-row{flex-direction:column;gap:20px;padding:24px}.stat-sep{width:40px;height:1px}}@keyframes aboutHeroIn{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.hero-badge{animation:.65s cubic-bezier(.4,0,.2,1) .1s both aboutHeroIn}.hero-title{animation:.75s cubic-bezier(.4,0,.2,1) .28s both aboutHeroIn}.hero-divider{animation:.6s cubic-bezier(.4,0,.2,1) .44s both aboutHeroIn}.hero-intro{animation:.65s cubic-bezier(.4,0,.2,1) .56s both aboutHeroIn}@keyframes aboutFloat1{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.05)}}@keyframes aboutFloat2{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(14px)scale(.97)}}.hero-shape-1{animation:10s ease-in-out infinite aboutFloat1}.hero-shape-2{animation:13s ease-in-out infinite aboutFloat2}@keyframes aboutCtaPulse{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.65;transform:translate(-50%,-50%)scale(1.22)}}.cta-shape{animation:9s ease-in-out infinite aboutCtaPulse}
