/* Responsive homepage rules and companion public pages. */
.mp-page-hero{padding:66px 0;color:#fff;background:radial-gradient(circle at 80% 20%,rgba(56,102,255,.22),transparent 28%),linear-gradient(125deg,#081337,#12306d)}
.mp-page-hero h1{max-width:900px;margin:13px 0;color:#fff;font-size:clamp(2.8rem,6vw,4.8rem);line-height:1}
.mp-page-hero p{max-width:760px;margin:0;color:#d8e1f3}
.mp-badge,.mp-kicker{display:inline-flex;color:#f59e0b;font-size:.69rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.mp-directory-section,.mp-content-section,.mp-profile-section{padding:55px 0 80px;background:#f5f2ff}
.mp-directory-filter{display:grid;grid-template-columns:1.35fr 1fr 1fr auto auto;gap:11px;align-items:end;padding:18px;border-radius:13px}
.mp-directory-filter label{display:grid;gap:5px;color:#3e4760;font-size:.7rem;font-weight:850}
.mp-directory-filter input,.mp-directory-filter select,.mp-directory-filter .button{min-height:44px}
.mp-directory-meta{display:flex;justify-content:space-between;gap:20px;margin:25px 0 14px;color:#6a7081;font-size:.76rem}
.mp-directory-meta strong{color:#0d1b4b}
.mp-tutor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mp-tutor-card{position:relative;min-width:0;display:flex;flex-direction:column;padding:23px;background:#fff;border:1px solid #dddfea;border-radius:14px;box-shadow:0 10px 32px rgba(20,27,66,.055)}
.mp-tutor-avatar,.mp-profile-avatar{width:68px;height:68px;display:grid;place-items:center;color:#094ae6;background:linear-gradient(145deg,#e2e8ff,#cbd7ff);border:4px solid #f1f3ff;border-radius:50%;font-size:1.7rem;font-weight:900}
.mp-tutor-status{position:absolute;right:18px;top:22px;padding:5px 8px;color:#0b6d5e;background:#e4f7f2;border-radius:999px;font-size:.61rem;font-weight:850}
.mp-tutor-card h2,.mp-tutor-card h3{margin:14px 0 4px;color:#0d1b4b;font-size:1.35rem}
.mp-tutor-title{min-height:39px;margin:0 0 12px;color:#656b7c;font-size:.78rem}
.mp-tutor-tags{min-height:29px;display:flex;flex-wrap:wrap;gap:5px}
.mp-tutor-tags span{padding:4px 7px;color:#3f4968;background:#f0f2fa;border-radius:999px;font-size:.62rem;font-weight:760}
.mp-tutor-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}
.mp-tutor-card dl>div{padding:9px;background:#fafafe;border-radius:8px}
.mp-tutor-card dt{color:#7a7e90;font-size:.58rem;text-transform:uppercase;font-weight:850}
.mp-tutor-card dd{margin:3px 0 0;color:#27304f;font-size:.73rem;font-weight:800}
.mp-tutor-card .button{margin-top:auto}
.mp-empty-state{padding:42px 24px;text-align:center;background:#fff;border:1px dashed #bec3d7;border-radius:13px}
.mp-profile-heading{display:flex;align-items:center;gap:22px}
.mp-profile-avatar{width:100px;height:100px;flex:0 0 auto;font-size:2.2rem;border-width:6px}
.mp-profile-heading h1{margin:8px 0}
.mp-profile-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:20px;align-items:start}
.mp-profile-main{display:grid;gap:16px}
.mp-profile-main .card,.mp-profile-aside{padding:28px;border-radius:13px}
.mp-profile-main h2,.mp-profile-aside h2,.mp-content-section h2{margin:7px 0 12px;color:#0d1b4b;font-size:1.7rem}
.mp-profile-main p{margin:0;color:#5d6476;line-height:1.8}
.mp-profile-aside{position:sticky;top:100px}
.mp-profile-aside dl{display:grid;margin:6px 0 22px}
.mp-profile-aside dl>div{padding:11px 0;border-bottom:1px solid #e7e7ef}
.mp-profile-aside dt{color:#7c8090;font-size:.64rem;text-transform:uppercase;font-weight:850}
.mp-profile-aside dd{margin:3px 0 0;color:#30364e;font-size:.8rem;font-weight:700}
.mp-profile-aside .button+.button{margin-top:8px}
.mp-profile-aside>small{display:block;margin-top:14px;color:#7b8090;font-size:.67rem;line-height:1.55}
.mp-content-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:55px;align-items:start}
.mp-content-grid main>p{color:#5b6275;line-height:1.85}
.mp-content-grid main>h2{margin-top:12px;font-size:2.1rem}
.mp-content-grid main>p+h2{margin-top:36px}
.mp-content-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mp-content-cards article{padding:18px;background:#fff;border:1px solid #dfe1eb;border-radius:11px}
.mp-content-cards h3{color:#0d1b4b}
.mp-content-cards p{margin:0;color:#656b7c;font-size:.74rem}
.mp-content-aside{position:sticky;top:100px;padding:24px}
.mp-content-aside>a{display:flex;justify-content:space-between;gap:10px;padding:13px 0;color:#34405a;border-bottom:1px solid #e4e5ed;font-size:.8rem;font-weight:750;text-decoration:none}
.mp-faq-page{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:25px;align-items:start}
.mp-accordion{display:grid;gap:9px}
.mp-accordion details{padding:0 18px;background:#fff;border:1px solid #dddfea;border-radius:10px}
.mp-accordion summary{position:relative;padding:17px 30px 17px 0;color:#0d1b4b;cursor:pointer;font-weight:800;list-style:none}
.mp-accordion summary:after{content:"+";position:absolute;right:0;top:13px;width:27px;height:27px;display:grid;place-items:center;color:#094ae6;background:#e7edff;border-radius:50%}
.mp-accordion details[open] summary:after{content:"−"}
.mp-accordion details p{margin:-2px 0 17px;color:#656b7c;font-size:.8rem}
.mp-faq-page aside{padding:25px}
.mp-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:960px}
.mp-contact-grid article{padding:30px}
.mp-contact-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:20px;color:#094ae6;background:#e7edff;border-radius:13px}
.mp-contact-grid p{color:#656b7c}
.mp-contact-grid .mp-text-link{display:flex;margin-top:15px}

@media(max-width:1100px){
  .mp-homepage .mpt-header-nav{gap:0}
  .mp-homepage .mpt-header-nav>a{padding-inline:7px}
  .mpt-header-actions{margin-left:4px}
  .mpt-tutor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1040px){
  .mpt-nav-toggle{display:block;margin-left:auto;cursor:pointer}
  .mp-homepage .mpt-header-nav{position:absolute;left:0;right:0;top:calc(100% + 1px);display:none;align-items:stretch;flex-direction:column;gap:2px;margin:0;padding:14px;background:#0b1948;border:1px solid rgba(255,255,255,.1);border-radius:0 0 12px 12px;box-shadow:0 22px 45px rgba(2,8,31,.28)}
  .mp-homepage .mpt-header-nav.is-open{display:flex}
  .mp-homepage .mpt-header-nav>a{padding:11px 12px}
  .mp-homepage .mpt-header-nav>a.is-current{border-radius:7px;box-shadow:none;background:rgba(255,255,255,.08)}
  .mpt-header-actions{display:grid;grid-template-columns:1fr 1fr;margin:8px 0 0}
  .mpt-header-actions a,.mpt-header-actions button{width:100%}
  .mpt-header-actions form{display:block}
  .mpt-hero-grid{grid-template-columns:1fr;gap:43px}
  .mpt-search-card{max-width:680px}
  .mpt-learning-grid{grid-template-columns:1fr;gap:48px}
  .mpt-platform-preview{max-width:680px;transform:none}
  .mpt-footer-grid{grid-template-columns:1.3fr repeat(3,1fr);gap:25px}
  .mp-directory-filter{grid-template-columns:1fr 1fr 1fr}
  .mp-profile-grid,.mp-content-grid{grid-template-columns:1fr}
  .mp-profile-aside,.mp-content-aside{position:static}
}
@media(max-width:760px){
  .mp-homepage .container{width:min(100% - 28px,1180px)}
  .mpt-hero{padding:58px 0 62px}
  .mp-homepage .mpt-hero h1{font-size:clamp(2.75rem,13vw,4.35rem)}
  .mpt-trust-strip>.container{grid-template-columns:1fr 1fr}
  .mpt-trust-strip span{border-bottom:1px solid #ecebf2}
  .mpt-trust-strip span:nth-child(2){border-right:0}
  .mpt-section{padding:66px 0}
  .mpt-tutor-grid,.mpt-step-grid,.mpt-role-grid{grid-template-columns:1fr}
  .mpt-split-heading{display:block}
  .mpt-split-heading>.mpt-text-link{margin-top:18px}
  .mpt-final-cta>.container{align-items:flex-start;flex-direction:column}
  .mpt-final-cta>.container>div:last-child{display:grid;width:100%}
  .mpt-final-cta .mpt-button{width:100%}
  .mpt-footer-grid{grid-template-columns:1fr 1fr}
  .mpt-footer-brand{grid-column:1/-1}
  .mpt-footer-bottom{display:grid}
  .mpt-subject-list>a{min-width:calc(50% - 6px);flex:1}
  .mp-directory-filter{grid-template-columns:1fr 1fr}
  .mp-directory-filter label:first-child{grid-column:1/-1}
  .mp-tutor-grid{grid-template-columns:1fr}
  .mp-profile-heading{align-items:flex-start;flex-direction:column}
  .mp-content-cards,.mp-faq-page,.mp-contact-grid{grid-template-columns:1fr}
  .mp-page-hero{padding:52px 0}
}
@media(max-width:520px){
  .mpt-header-actions{grid-template-columns:1fr}
  .mpt-hero-copy>p{font-size:.94rem}
  .mpt-actions{display:grid}
  .mpt-actions .mpt-button{width:100%}
  .mpt-search-card{padding:21px}
  .mpt-trust-strip>.container{grid-template-columns:1fr}
  .mpt-trust-strip span{border-right:0}
  .mpt-preview-tools{grid-template-columns:1fr}
  .mpt-subject-list{display:grid}
  .mpt-subject-list>a{min-width:0}
  .mpt-footer-grid{grid-template-columns:1fr}
  .mpt-footer-brand{grid-column:auto}
  .mpt-tutor-card dl{grid-template-columns:1fr}
  .mp-directory-filter{grid-template-columns:1fr}
  .mp-directory-filter label:first-child{grid-column:auto}
  .mp-profile-main .card,.mp-profile-aside,.mp-contact-grid article{padding:21px}
}