*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Poppins",Arial,sans-serif;color:#121c32;background:#fff;overflow-x:hidden}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}

.site-header{
  height:96px;width:100%;padding:14px max(40px,calc((100vw - 1366px)/2 + 40px)) 12px;
  display:flex;align-items:center;justify-content:space-between;background:#fff;
  border-bottom:3px solid #2b60cf
}
.brand img{width:185px;height:auto}
.lms-btn{
  display:flex;align-items:center;justify-content:center;
  min-width:180px;height:50px;padding:0 24px;border-radius:25px;
  background:#2b60cf;color:#fff;font-size:16px;font-weight:600;
  border:1px solid #173b86;transition:.2s ease
}
.lms-btn:hover{transform:translateY(-1px);background:#214fae}

.hero{
  max-width:1366px;min-height:500px;margin:0 auto;padding:60px 40px;
  display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center;background:#fff
}
.hero-copy h1{margin:0 0 30px;font-size:50px;line-height:1.15;font-weight:700;letter-spacing:-1.4px}
.hero-copy h1 span{color:#2b60cf}
.hero-copy p{max-width:610px;margin:0;font-size:19px;line-height:1.55;color:#111}
.hero-image{width:100%;aspect-ratio:1.55/1;object-fit:cover;border-radius:12px}

.lms-section{background:#f2f6ff}
.section-inner{max-width:1366px;margin:0 auto;padding:28px 40px 42px;text-align:center}
.eyebrow{margin:0 0 12px;color:#2b60cf;font-size:14px;font-weight:700}
.section-inner h2{margin:0 0 25px;font-size:36px;line-height:1.2}
.partner-card{
  width:min(850px,100%);min-height:150px;margin:0 auto;padding:24px 55px;
  background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:52px
}
.partner-shikshax{width:230px;height:auto}
.partner-x{font-size:44px;font-weight:700;color:#8a96aa;line-height:1}
.partner-amstar{width:225px;height:auto;object-fit:contain}

.about-section{background:#f2f6ff}
.about-inner{
  max-width:1366px;margin:0 auto;padding:65px 40px 75px;
  display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center
}
.about-image{width:100%;border-radius:12px}
.about-copy p{margin:0;font-size:19px;line-height:1.5;color:#111}

.site-footer{width:100%;min-height:320px;margin:0;background:#101c38;color:#fff;padding:70px max(40px,calc((100vw - 1366px)/2 + 40px)) 10px;display:flex;flex-direction:column}
.footer-content{display:flex;justify-content:space-between;align-items:flex-start;gap:50px;flex:1}
.footer-logo-box{width:230px;height:78px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:14px 24px;overflow:hidden}
.footer-logo-box img{width:175px;max-width:100%;max-height:100%;object-fit:contain}
.contact{width:390px}
.contact h2{margin:0 0 6px;font-size:32px;line-height:1.1}
.contact p{margin:3px 0;font-size:15px;font-weight:500}
.contact a:hover{text-decoration:underline}
.copyright{text-align:center;margin:auto 0 0;font-size:15px;font-weight:400;line-height:1.2}

@media (max-width:900px){
  .site-header{height:78px;padding:10px 20px}
  .brand img{width:145px}
  .lms-btn{min-width:135px;height:42px;padding:0 15px;font-size:14px}
  .hero{grid-template-columns:1fr;padding:48px 24px;gap:34px}
  .hero-copy h1{font-size:38px}
  .hero-copy p{font-size:16px}
  .hero-image{max-width:680px;margin:auto}
  .section-inner{padding:32px 24px 45px}
  .section-inner h2{font-size:29px}
  .partner-card{gap:25px;padding:25px}
  .partner-shikshax{width:190px}.partner-amstar{width:180px}.partner-x{font-size:34px}
  .about-inner{grid-template-columns:1fr;padding:50px 24px;gap:32px}
  .about-copy p{font-size:16px}
  .site-footer{padding:50px 24px 10px}
  .footer-content{flex-direction:column}
  .contact{width:100%}
  .copyright{margin-top:auto}
}
@media (max-width:560px){
  .site-header{padding:9px 16px}
  .brand img{width:125px}
  .lms-btn{min-width:118px;height:39px;font-size:12px}
  .hero{padding:38px 20px}
  .hero-copy h1{font-size:31px;letter-spacing:-.6px}
  .hero-copy p{font-size:15px}
  .partner-card{flex-direction:column;gap:16px}
  .partner-x{transform:rotate(0deg);font-size:30px}
  .section-inner h2{font-size:25px}
  .footer-logo-box{width:205px}
  .contact h2{font-size:28px}
  .contact p{font-size:13px;overflow-wrap:anywhere}
  .copyright{font-size:12px}
}
/* Compact LMS Partnership Section - Desktop */
@media (min-width: 769px) {

  .section-inner{
    padding: 22px 40px 25px;
  }

  .section-inner h2{
    margin-bottom: 16px;
  }

  .partner-card{
    min-height: 120px;
    padding: 15px 45px;
    gap: 40px;
  }

  .partner-shikshax{
    width: 200px;
  }

  .partner-amstar{
    width: 195px;
  }

  .about-inner{
    padding: 30px 40px 35px;
    grid-template-columns: .9fr 1.1fr;
    gap: 45px;
  }

  .about-image{
    max-height: 330px;
    object-fit: cover;
  }

  .about-copy p{
    font-size: 17px;
    line-height: 1.45;
  }
}