.about-content{text-align:center;padding:10px 20px;background:#f9f9f9;color:#333;font-family:Inter,sans-serif;width:100%}.intro{max-width:800px;margin:auto;text-align:center}.intro h2{font-size:2rem;font-weight:700;color:#222;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.intro div{margin-bottom:24px}.intro div,.intro p{font-size:1.1rem;line-height:1.6;color:#555}.intro p{margin-bottom:12px}.courses{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding:40px 20px;max-width:1100px;margin:auto}.course{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.course:hover{transform:translateY(-8px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.course img{width:100%;height:180px;object-fit:cover;border-top-left-radius:12px;border-top-right-radius:12px}.course h3{padding:14px 16px;background:#07f;color:#fff;font-size:1.2rem;margin:0;text-align:center}.course a{text-decoration:none;display:block;padding:16px;font-size:1rem;color:#07f;text-align:center;font-weight:600;transition:color .3s ease}.course a:hover{color:#004fbf}@media (max-width:768px){.intro h2{font-size:1.8rem}.intro p{font-size:1rem}.courses{padding:20px}.course h3{font-size:1rem}.course a{font-size:.9rem}}.about-section{padding:2.5% 3%;display:flex;justify-content:center;align-items:center}@media (max-width:1000px){.about-section{padding:2% 2.5%}}@media (max-width:700px){.about-section{padding:1.5% 2%}}