:root{
--bg:#f6f7f8;
--ink:#0f172a;
--muted:#64748b;
--brand:#2563eb;
--brand-d:#1e3a8a;
}

*{
box-sizing:border-box;
margin:0;
padding:0;
}

body{
background:var(--bg);
color:var(--ink);
font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;
line-height:1.7;
}


.container{
width:min(1000px,92%);
margin:auto;
}



.section{
padding:70px 0; 
}



.about-heading{
text-align:center;
font-size:44px;
font-weight:900;
margin-bottom:40px;
line-height:1.1;
position:relative;
}

.about-heading::after{
content:"";
display:block;
width:90px;
height:4px;
background:var(--brand);
margin:10px auto 0;
border-radius:2px;
}



.section-title{
margin-top:30px;
margin-bottom:12px;
font-size:26px;
font-weight:800;
color:var(--ink);
}



.text-block{
max-width:100%;  
margin-bottom:16px;
font-size:17px; 
color:var(--muted);
line-height:1.8;
}


.section-title + .text-block{
margin-top:6px;
}



ul.text-block{
margin-left:20px;
}



blockquote.text-block{
border-left:4px solid var(--brand);
padding-left:14px;
font-style:italic;
color:var(--muted);
background:#f1f5ff; 
border-radius:6px;
padding:12px 14px;
}



.section .container{
background:#fff;
padding:40px;
border-radius:16px;
box-shadow:0 10px 30px rgba(0,0,0,0.05);
}


@media(max-width:768px){

.about-heading{
font-size:34px;
}

.section{
padding:50px 0;
}

.section .container{
padding:25px;
}

}