*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;background:#f5f7fa;color:#263d5c}a{text-decoration:none;color:inherit}.container{width:1170px;max-width:calc(100% - 40px);margin:auto}.top-bar{height:34px;background:#073b78;color:#fff;font-size:11px}.top-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.language{display:flex;align-items:center;gap:8px}.language-icon{width:20px;height:20px;border:1px solid rgba(255,255,255,.4);border-radius:3px;display:flex;align-items:center;justify-content:center}.top-links{display:flex;gap:20px}.top-links a{transition:.2s}.top-links a:hover{opacity:.6}.main-header{background:#06458b;color:#fff}.header-main{min-height:115px;display:flex;align-items:center;justify-content:space-between}.university{display:flex;align-items:center}.university-logo{width:62px;height:62px;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:bold;position:relative}.university-logo:before{content:"";position:absolute;width:47px;height:8px;top:-7px;border-left:2px solid #fff;border-right:2px solid #fff}.university-name{margin-left:18px;width:175px;font-size:15px;font-weight:bold;line-height:1.45}.header-divider{width:1px;height:55px;background:rgba(255,255,255,.22);margin:0 24px}.rating{display:flex;align-items:center;gap:5px}.rating-box{width:27px;height:27px;background:#ffb400;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:bold}.stars{color:#ffb400;letter-spacing:1px}.header-right{text-align:right}.future-title{font-family:Georgia,serif;font-size:25px;letter-spacing:1px;margin-bottom:8px}.phone{font-size:10px}.navigation{border-top:1px solid rgba(255,255,255,.18)}.nav-inner{height:43px;display:flex;align-items:center}.menu-icon{width:38px;margin-right:20px;display:grid;grid-template-columns:repeat(3,4px);gap:3px}.menu-icon span{width:4px;height:4px;background:#fff;border-radius:50%;opacity:.45}.nav-items{display:flex;align-items:center;gap:40px}.nav-items a{font-size:11px;font-weight:bold;text-transform:uppercase;transition:.2s}.nav-items a:hover,.nav-items a.active{color:#8fc4ff}.search{margin-left:auto;font-size:20px}.hero{height:280px;min-height:280px;display:flex;align-items:center;background-image:url("assets/kelajakka-qadam-background.png");background-position:center center;background-size:100% 100%;background-repeat:no-repeat;}.hero-content{color:#fff;max-width:800px}.breadcrumb{display:flex;gap:11px;font-size:12px;margin-bottom:22px}.breadcrumb span{opacity:.6}.hero h1{font-size:40px;margin-bottom:13px}.hero p{font-size:16px;line-height:1.7}.content{background:#fff;padding:45px 0 65px}.section-title{position:relative;padding-left:14px;color:#173b67;font-size:21px;margin-bottom:20px}.section-title:before{content:"";position:absolute;left:0;top:1px;width:4px;height:24px;background:#0965bd}.text{color:#53657b;font-size:14px;line-height:1.9}.page-content{max-width:1000px}.home-intro{display:grid;grid-template-columns:1.7fr .9fr;gap:40px;margin-bottom:45px}.info-box{background:linear-gradient(145deg,#edf6ff,#f7fbff);border:0;border-radius:20px;padding:28px;box-shadow:0 8px 24px rgba(10,55,100,.06)}.info-box h3{color:#07529e;font-size:17px;margin-bottom:10px}.info-box p{color:#53657b;font-size:12px;line-height:1.7;margin-bottom:15px}.button{display:inline-block;background:#0867c4;color:#fff;padding:10px 17px;font-size:11px;font-weight:bold;transition:.2s}.button:hover{background:#064f9a}.program-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.program{min-height:190px;padding:22px 20px;background:#fff;border:1px solid #e4ebf3;border-radius:18px;transition:.25s;display:block;position:relative;overflow:hidden;box-shadow:0 5px 18px rgba(10,55,100,.045)}.program:hover{box-shadow:0 12px 30px rgba(10,55,100,.12);transform:translateY(-4px);border-color:#cbddec}.program-top{display:flex;gap:12px;margin-bottom:15px}.number{width:46px;height:46px;flex-shrink:0;background:#0965bd;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:12px;border-radius:50%;box-shadow:0 5px 12px rgba(9,101,189,.22)}.program h3{color:#07529e;font-size:14px;line-height:1.35}.program p{color:#596b81;font-size:12px;line-height:1.6;margin-bottom:13px}.more{color:#0965bd;font-size:11px;font-weight:bold}.opportunity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:25px}.opportunity{min-height:125px;background:#f7faff;border:0;border-radius:18px;padding:21px 20px;box-shadow:0 5px 18px rgba(10,55,100,.045);transition:.25s}.opportunity-icon{font-size:25px;margin-bottom:9px;width:45px;height:45px;border-radius:14px;background:#e8f2fd;display:flex;align-items:center;justify-content:center}.opportunity h3{color:#07529e;font-size:14px;margin-bottom:6px}.opportunity p{color:#617288;font-size:11px;line-height:1.5}.contact-box{background:#07519b;color:#fff;padding:25px 28px;display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:25px;border-radius:20px;box-shadow:0 10px 30px rgba(3,48,92,.14);overflow:hidden}.contact-item{padding:20px 24px;border:0;border-bottom:1px solid rgba(255,255,255,.14)}.contact-item h3{font-size:11px;letter-spacing:.5px;text-transform:uppercase;opacity:.72;margin-bottom:9px}.contact-item p{font-size:16px;font-weight:bold}.contact-item a{color:#fff}.detail-box{border:0;border-radius:20px;background:#fff;padding:36px 38px;margin-bottom:25px;box-shadow:0 8px 28px rgba(16,54,91,.065)}.detail-box h2{color:#07529e;font-size:21px;margin-bottom:15px}.detail-box p{color:#53657b;font-size:14px;line-height:1.9;margin-bottom:15px}.detail-list{margin:20px 0 20px 20px;color:#53657b;line-height:2}.back-link{display:inline-block;margin-top:10px;color:#0965bd;font-size:12px;font-weight:bold}footer{background:#073b78;color:#fff;padding:30px 0}.footer-inner{display:flex;justify-content:space-between;font-size:11px}@media(max-width:1100px){.header-right{display:none}.program-grid{grid-template-columns:repeat(3,1fr)}.opportunity-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.top-links{display:none}.home-intro{grid-template-columns:1fr}.nav-items{gap:25px;white-space:nowrap;overflow-x:auto}.program-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:32px}}@media(max-width:550px){.container{max-width:calc(100% - 24px)}.university-name{width:auto;font-size:12px}.header-divider,.rating{display:none}.program-grid,.opportunity-grid,.contact-box{grid-template-columns:1fr}.hero{min-height:260px}.hero h1{font-size:28px}.footer-inner{flex-direction:column;gap:10px;text-align:center}}
/* Detail-page polish */
.detail-list li{padding-left:5px}.back-link{padding:10px 0}.section-title{font-weight:700}

.page-content{max-width:1000px}
.program-grid{column-gap:28px;row-gap:22px}
.opportunity-grid{column-gap:28px;row-gap:20px}
.language-switcher{display:flex;align-items:center;gap:7px}
.language-switcher a{font-size:10px;color:#fff;opacity:.65;padding:2px 5px}
.language-switcher a.active,.language-switcher a:hover{opacity:1;color:#fff}

/* Premium language selector */
.language-switcher{display:flex;align-items:center;gap:0;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:3px;backdrop-filter:blur(6px)}
.language-switcher a{font-size:10px!important;font-weight:700!important;color:#fff!important;opacity:.62!important;min-width:32px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:999px;padding:0 9px!important;transition:.2s}
.language-switcher a.active{background:#fff!important;color:#07519b!important;opacity:1!important;box-shadow:0 2px 8px rgba(0,0,0,.13)}
.language-switcher a:hover{opacity:1!important;background:rgba(255,255,255,.16)}
.language span{font-size:10px;opacity:.78;margin-right:5px}
.program:after{content:"";position:absolute;right:-28px;top:-28px;width:85px;height:85px;border-radius:50%;background:#eef6ff;z-index:0}
.program>*{position:relative;z-index:1}
.program .more{display:inline-flex;align-items:center;gap:5px;margin-top:4px;padding:6px 0}
.detail-list li{margin-bottom:5px}
@media(max-width:550px){.contact-box{grid-template-columns:1fr}.language span{display:none}}

.source-highlight{position:relative;overflow:hidden}
.source-label{display:inline-block;color:#0965bd;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:9px}
.current-program{display:inline-flex;align-items:center;min-height:42px;padding:9px 16px;border-radius:999px;background:#edf6ff;color:#07529e;font-size:13px;font-weight:700;margin-top:10px}
.source-panel{background:#f7fbff}
.source-link{display:inline-flex;align-items:center;margin-top:7px;background:#0867c4;color:#fff!important;padding:11px 18px;border-radius:999px;font-size:11px;font-weight:700}
.source-link:hover{background:#064f9a}
.source-muted{display:inline-block;margin-top:7px;color:#7a8797;font-size:12px}
.source-cta{font-weight:700;color:#07529e!important;margin-top:12px}

/* Exact program-flyer presentation */
.program-hero{background:linear-gradient(135deg,#064d91,#0a5fae);color:#fff;padding:44px 0 48px}
.program-hero h1{font-size:30px;margin:16px 0 10px}
.program-hero p{max-width:850px;font-size:15px;line-height:1.7;margin:0;opacity:.92}
.flyer-wrap{background:#f6f9fc;border-radius:22px;padding:20px;margin:28px 0;box-shadow:0 10px 30px rgba(15,54,91,.08)}
.flyer-heading{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#07529e;margin:0 0 14px}
.program-flyer{display:block;width:min(100%,820px);height:auto;margin:0 auto;border-radius:12px;background:#fff}
.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.detail-card,.metric-card,.official-card{background:#fff;border:0;border-radius:20px;padding:30px;box-shadow:0 8px 28px rgba(16,54,91,.065)}
.detail-card.wide,.official-card.wide{grid-column:1/-1}
.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.8px;font-weight:800;color:#0a65b9;margin-bottom:8px}
.detail-card h2,.official-card h2{font-size:23px;color:#083f78;margin:0 0 18px}
.desc-block{margin-top:18px}
.desc-block .label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#71839a;font-weight:700;margin-bottom:7px}
.desc-block p{margin:0;line-height:1.75;color:#304d6b}
.metric-card{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.metric{background:#f5f9fd;border-radius:16px;padding:18px}
.metric span{display:block;font-size:10px;text-transform:uppercase;color:#71839a;font-weight:700;margin-bottom:7px}
.metric strong{display:block;color:#07529e;font-size:18px}
.metric small{display:block;margin-top:4px;color:#6c7e91;font-size:10px;line-height:1.4}
.exact-list{margin:8px 0 0;padding-left:23px}
.exact-list li{margin:0 0 14px;color:#2f4d6c;line-height:1.65}
.special-card{background:linear-gradient(145deg,#fff,#fbf8f3)}
.special-list li::marker{color:#b58b55}
.official-card{display:flex;justify-content:space-between;align-items:center;gap:25px}
.official-card p{color:#62768d;margin:0}
.official-actions{display:flex;align-items:center;gap:18px;white-space:nowrap}
.source-button{background:#0759a7;color:#fff!important;border-radius:999px;padding:12px 20px;font-size:11px;font-weight:800}
.official-actions span{font-size:12px;color:#5d7188}
@media(max-width:760px){
 .source-grid{grid-template-columns:1fr}.detail-card.wide,.official-card.wide{grid-column:auto}
 .metric-card{grid-template-columns:1fr}.official-card{display:block}.official-actions{margin-top:18px;flex-wrap:wrap}
 .program-hero h1{font-size:24px}
}

/* User-provided full-width hero banner */
.hero .hero-content{visibility:hidden;}
@media (max-width: 900px){
  .hero{height:220px;min-height:220px;background-size:cover;background-position:center center;}
}
@media (max-width: 600px){
  .hero{height:190px;min-height:190px;background-size:cover;background-position:center center;}
}

/* ===== MOBILE RESPONSIVE FIX ===== */
html, body{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:hidden;
}
img, video, iframe{
  max-width:100%;
  height:auto;
}
@media (max-width: 760px){
  .container{
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding-left:12px;
    padding-right:12px;
  }
  .top-bar{height:30px;}
  .top-inner{width:100%; padding:0 8px;}
  .main-header{width:100%;}
  .header-main{
    width:100%;
    min-height:92px;
    padding:10px 12px;
    justify-content:flex-start;
  }
  .university{
    min-width:0;
    max-width:100%;
  }
  .university-logo{
    width:52px;
    height:52px;
    flex:0 0 52px;
  }
  .university-name{
    margin-left:10px;
    width:auto;
    max-width:190px;
    font-size:11px;
    line-height:1.35;
  }
  .header-right{display:none!important;}
  .navigation{width:100%; overflow:hidden;}
  .nav-inner{
    width:100%;
    height:42px;
    padding:0 10px;
  }
  .menu-icon{
    flex:0 0 28px;
    margin-right:8px;
  }
  .nav-items{
    min-width:0;
    flex:1;
    gap:18px;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    scrollbar-width:none;
  }
  .nav-items::-webkit-scrollbar{display:none;}
  .nav-items a{font-size:9px; flex:0 0 auto;}
  .search{font-size:16px; margin-left:8px; flex:0 0 auto;}

  .hero{
    width:100%;
    height:190px;
    min-height:190px;
    max-width:100%;
    background-size:cover!important;
    background-position:center center!important;
  }
  .hero-content{display:none!important;}

  .content{
    width:100%;
    padding:28px 0 45px;
  }
  .page-content{
    width:100%;
    max-width:100%;
  }
  .home-intro,
  .source-grid,
  .program-grid,
  .opportunity-grid,
  .contact-box{
    width:100%;
    max-width:100%;
  }
  .home-intro{
    grid-template-columns:1fr!important;
    gap:18px;
  }
  .program-grid{
    grid-template-columns:1fr!important;
  }
  .opportunity-grid{
    grid-template-columns:1fr!important;
  }
  .source-grid{
    grid-template-columns:1fr!important;
  }
  .program,
  .detail-card,
  .metric-card,
  .official-card,
  .flyer-wrap,
  .source-panel{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .program-flyer{
    width:100%;
    max-width:100%;
    height:auto;
  }
  .official-card{
    display:block;
  }
  .official-actions{
    margin-top:15px;
    flex-wrap:wrap;
    white-space:normal;
  }
  .section-title{
    font-size:18px;
  }
  .text{
    font-size:13px;
  }
  .program-hero{
    width:100%;
    padding:28px 0 32px;
  }
  .program-hero h1{font-size:24px;}
  .program-hero p{font-size:13px;}
  .flyer-wrap{
    padding:10px;
    border-radius:14px;
  }
  .detail-card,.metric-card,.official-card{
    padding:20px;
  }
}