.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-container .about-content{width:100%;max-width:1280px;margin:0 auto}.about-container .about-header{text-align:center;margin-bottom:2rem}.about-container .intro-text{color:var(--nav-hover);font-size:max(1.1rem,min(3vw,1.3rem));font-weight:600}.about-container .about-details{max-width:1400px;margin:0 auto}.about-container .areas{margin-top:max(1.2rem,min(3vw,1.8rem))}.about-container .areas-grid{grid-template-columns:repeat(4,1fr);gap:max(1rem,min(2.5vw,1.25rem));display:grid}.about-container .area-card{background:var(--card-bg);border:1px solid #61dafb26;border-radius:12px;padding:max(1rem,min(2.8vw,1.4rem));box-shadow:0 4px 15px #0000001a}.about-container .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))}.about-container .area-card p{color:var(--text-secondary);margin:0;font-size:max(.9rem,min(2.4vw,.98rem));line-height:1.55}.about-container .section-title{color:var(--text-color)}.about-container .text-content{color:var(--text-secondary)}.about-container strong{color:var(--text-color)}@media (max-width:1100px){.about-container .areas-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.about-container h1{font-size:max(1.6rem,min(6vw,2.2rem))}.about-container h2{font-size:max(1.3rem,min(5vw,1.6rem))}}@media (max-width:640px){.about-container .areas-grid{grid-template-columns:1fr}}@media (max-width:540px){.about-container p{font-size:max(.85rem,min(4vw,.95rem))}}