.about-container{background-color:var(--content-bg);min-height:calc(100vh - 80px);padding:1.5rem max(.5rem,3vw);transition:background-color .3s;overflow-x:hidden}.about-content{width:100%;max-width:1280px;margin:0 auto}.about-header{text-align:center;margin-bottom:2rem}.intro-text{color:var(--nav-hover);font-size:max(1.1rem,min(3vw,1.3rem));font-weight:600}.about-details{max-width:1400px;margin:0 auto}.areas{margin-top:max(1.2rem,min(3vw,1.8rem))}.areas-grid{grid-template-columns:repeat(4,1fr);gap:max(1rem,min(2.5vw,1.25rem));display:grid}.area-card{background:var(--card-bg);border:1px solid rgba(97,218,251,.15);border-radius:12px;padding:max(1rem,min(2.8vw,1.4rem));box-shadow:0 4px 15px rgba(0,0,0,.1)}.area-card h3{color:var(--text-color);margin:0 0 .35rem;font-family:Montserrat,sans-serif;font-size:max(1rem,min(2.6vw,1.2rem))}.area-card p{color:var(--text-secondary);margin:0;font-size:max(.9rem,min(2.4vw,.98rem));line-height:1.55}@media (max-width:1100px){.areas-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.about-container{padding:1.2rem}h1{font-size:max(1.6rem,min(6vw,2.2rem))}h2{font-size:max(1.3rem,min(5vw,1.6rem))}}@media (max-width:640px){.areas-grid{grid-template-columns:1fr}}@media (max-width:540px){.about-container{padding:1rem max(.25rem,2vw)}p{font-size:max(.85rem,min(4vw,.95rem))}}@media (max-width:400px){.about-container{padding:.8rem .5rem}}body,html{width:100%;margin:0;padding:0;overflow-x:hidden}