/* about.html — page-specific styles */

.hero-bg{background:radial-gradient(ellipse 80% 60% at 20% 80%,rgba(0,195,137,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 20%,rgba(181,237,231,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(0,53,50,.02) 0%,transparent 70%)}
.dot-grid{background-image:radial-gradient(circle,rgba(0,53,50,.04) 1px,transparent 1px);background-size:32px 32px}
.value-card{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease}
.value-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,53,50,.08)}
.tl-dot{width:14px;height:14px;border-radius:50%;background:#003532;border:3px solid #b5ede7;position:relative;z-index:2;transition:transform .3s,box-shadow .3s}
.tl-item:hover .tl-dot{transform:scale(1.3);box-shadow:0 0 0 6px rgba(0,195,137,.15)}
.stat-num{animation:countUp .6s cubic-bezier(.16,1,.3,1) both}
.team-card img{transition:transform .5s cubic-bezier(.16,1,.3,1)}
.team-card:hover img{transform:scale(1.05)}
.facility-img{transition:transform 8s cubic-bezier(.16,1,.3,1)}
.facility-img:hover{transform:scale(1.03)}