:root {
  --navy:#10206f;
  --purple:#6b2fc5;
  --purple2:#8f4be3;
  --pink:#ef0a8a;
  --pink2:#ff4daf;
  --green:#20bf83;
  --blue:#2b8bf0;
  --orange:#ffad1f;
  --ink:#14206b;
  --muted:#64709b;
  --line:#e6e9f2;
  --soft:#f8f9ff;
}
*{box-sizing:border-box}
body{
  margin:0;
  background:#f7f9fc;
  color:var(--ink);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
a{text-decoration:none}
.navbar{
  min-height:72px;
  background:#fff;
  border-bottom:1px solid #edf0f6;
}
.brand{
  display:flex;align-items:center;gap:9px;color:var(--navy);
  font-size:1.7rem;font-weight:900;letter-spacing:-1px;
}
.brand .mark{font-size:1.5rem;color:#7130c7}
.brand span{color:var(--pink)}
.brand small{display:block;font-size:.52rem;letter-spacing:2px;color:#777da2;margin-top:-2px}
.nav-link{font-size:.88rem;font-weight:700;color:#22307a!important;padding:.8rem 1rem!important}
.nav-link.active{color:var(--pink)!important;position:relative}
.nav-link.active:after{
  content:"";position:absolute;left:16px;right:16px;bottom:4px;height:3px;
  border-radius:4px;background:var(--pink)
}
.top-icon{
  width:38px;height:38px;display:grid;place-items:center;color:#23317d;position:relative
}
.top-icon .dot{
  position:absolute;top:1px;right:0;width:18px;height:18px;border-radius:50%;
  background:var(--pink);color:#fff;font-size:.6rem;font-weight:900;display:grid;place-items:center
}
.avatar{
  width:38px;height:38px;border-radius:50%;background:#7d3cc5;color:#fff;
  display:grid;place-items:center;font-weight:800;font-size:.85rem
}
.page{padding:16px 0 50px}
.breadcrumb{font-size:.78rem;margin-bottom:14px}
.breadcrumb a{color:#2f3b85}

.hero{
  border:1px solid #eadff5;
  border-radius:13px;
  overflow:hidden;
  background:linear-gradient(90deg,#f8f1ff 0%,#fff 52%,#ffeaf6 100%);
  padding:10px 18px 0;
  margin-bottom:12px;
}
.hero img{width:185px;display:block;margin:auto;mix-blend-mode:multiply}
.hero h1{font-size:1.65rem;font-weight:900;margin:0 0 6px}
.hero p{margin:0;color:#49558b;font-size:.88rem;line-height:1.5}
.hero .quote{
  font-family:"Segoe Print","Comic Sans MS",cursive;
  font-size:1rem;line-height:1.45;font-weight:700;color:#12206d;
  text-align:center
}
.learn-card{
  background:#ffe2f0;border:1px solid #f5cbe0;border-radius:10px;
  padding:15px;text-align:center;font-size:.82rem;font-weight:700
}
.learn-card i{font-size:1.9rem;color:var(--pink);display:block;margin-bottom:6px}

.panel{
  background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden
}
.panel + .panel{margin-top:12px}
.panel-head{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:12px 14px;border-bottom:1px solid var(--line)
}
.panel-title{margin:0;font-size:1rem;font-weight:900;display:flex;align-items:center;gap:8px}
.panel-icon{
  width:32px;height:32px;border-radius:10px;background:#eee5ff;color:#7230c8;
  display:grid;place-items:center
}
.panel-link{font-size:.73rem;font-weight:800;color:#5f2cb2}
.panel-body{padding:12px 14px}

.insights{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.insight{
  border:1px solid #e7e0f1;border-radius:9px;padding:10px;background:#fff;min-height:116px
}
.insight .ico{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:1.1rem;margin-bottom:8px
}
.insight h4{font-size:.75rem;font-weight:900;margin:0 0 7px;min-height:34px}
.insight .score{font-size:.72rem;color:#596493}
.insight .flag{
  display:inline-block;margin-top:9px;border-radius:6px;padding:5px 8px;font-size:.65rem;font-weight:800
}
.flag.pink{background:#ffe1ee;color:#d2136d}
.flag.orange{background:#fff1d6;color:#a96b00}
.goal-box{
  display:flex;gap:8px;align-items:flex-start;padding-top:4px
}
.goal-box .target{
  width:38px;height:38px;border-radius:50%;background:#ffe0ee;color:#e5167b;
  display:grid;place-items:center;flex:0 0 38px
}
.goal-box p{font-size:.68rem;line-height:1.4;margin:0;color:#4f598d}
.goal-box button{font-size:.65rem;padding:5px 8px;margin-top:8px}

.filter-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:12px 14px 0}
.filter-btn{
  border:1px solid #e3e7f0;background:#fff;color:#2d397e;border-radius:7px;
  padding:7px 10px;font-size:.7rem;font-weight:800
}
.filter-btn.active{background:var(--pink);border-color:var(--pink);color:#fff}
.filter-select{
  border:1px solid #e3e7f0;background:#fff;color:#2d397e;border-radius:7px;
  padding:7px 28px 7px 9px;font-size:.7rem;font-weight:700
}

.tutor-list{padding:0 14px 4px}
.tutor-card{
  display:grid;grid-template-columns:125px minmax(0,1fr) 195px;
  gap:14px;padding:14px 4px;border-bottom:1px solid #edf0f5;align-items:start
}
.tutor-card:last-child{border-bottom:0}
.tutor-photo{width:125px;height:132px;border-radius:8px;object-fit:cover;background:#eee}
.tutor-name{font-size:1rem;font-weight:900;margin-bottom:5px}
.verified{color:#4168e5}
.stars{color:#f4a800;font-size:.8rem}
.rating{font-size:.74rem;color:#2e397e}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.tag{
  background:#f1efff;color:#44368d;border-radius:6px;padding:4px 7px;font-size:.64rem;font-weight:800
}
.bio{font-size:.72rem;color:#4d588d;line-height:1.45;margin:7px 0}
.meta{display:flex;gap:12px;flex-wrap:wrap;font-size:.64rem;color:#39447f}
.availability{
  background:#e7f9ef;border-radius:8px;padding:10px;text-align:center;
  color:#0b8b58;font-size:.7rem;font-weight:800;margin-bottom:8px
}
.tutor-actions{display:grid;gap:7px}
.btn-pink{
  background:linear-gradient(90deg,#ef0a8a,#ff249b);border:none;color:#fff;border-radius:7px;font-weight:800
}
.btn-pink:hover{color:#fff;opacity:.96}
.btn-outline-purple{
  border:1px solid #7d48d0;color:#5c2bad;background:#fff;border-radius:7px;font-weight:800
}

.side-list{display:grid;gap:11px}
.side-row{display:flex;gap:9px;align-items:flex-start}
.side-ico{
  width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  background:#ddf8ea;color:#0d9b64;flex:0 0 30px
}
.side-row strong{font-size:.74rem;display:block}
.side-row span{font-size:.66rem;color:#66709a}

.ways{display:grid;gap:9px}
.way{
  display:flex;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid #edf0f5
}
.way:last-child{border-bottom:0}
.way-ico{
  width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:0 0 36px
}
.way strong{display:block;font-size:.72rem}
.way span{font-size:.64rem;color:#6a749c}
.arrow{margin-left:auto;color:#26337b}

.advisor{
  background:linear-gradient(90deg,#e7f7ff,#e8fff4);
  border:1px solid #d4ecf2;border-radius:10px;padding:12px
}
.advisor .girl{
  width:90px;height:105px;border-radius:8px;
  background:linear-gradient(160deg,#fde2d4,#f8cbb9);
  display:grid;place-items:end center;overflow:hidden;position:relative
}
.advisor .girl:before{
  content:none;font-size:4.6rem;position:absolute;bottom:2px
}
.advisor h4{font-size:.8rem;font-weight:900;margin-bottom:3px}
.advisor p{font-size:.65rem;color:#56618f;margin:0 0 8px}

.faq .accordion-button{font-size:.7rem;font-weight:800;padding:10px 11px;color:#21307a}
.faq .accordion-body{font-size:.68rem;color:#61709a;padding:9px 11px}
.accordion-button:not(.collapsed){background:#fff0f6;color:#d20d69;box-shadow:none}
.accordion-button:focus{box-shadow:none}

.cta{
  margin-top:12px;border:1px solid #eadff5;border-radius:12px;
  background:linear-gradient(90deg,#f9efff,#fff,#ffe9f5);
  padding:14px 20px
}
.cta img{width:155px;display:block;margin:auto;mix-blend-mode:multiply}
.cta .quote{
  font-family:"Segoe Print","Comic Sans MS",cursive;font-size:1rem;font-weight:800;line-height:1.4
}

.footer{
  margin-top:25px;background:linear-gradient(135deg,#14236d,#26357d);color:#fff;padding:40px 0 24px
}
.footer-brand{font-size:1.55rem;font-weight:900}
.footer-brand span{color:#ff2d98}
.footer h5{font-size:.82rem;font-weight:800;margin-bottom:10px}
.footer a,.footer p{font-size:.72rem;color:#d4daf0}
.footer-bottom{border-top:1px solid rgba(255,255,255,.14);padding-top:14px;margin-top:24px;font-size:.7rem;color:#c6cde8}

@media(max-width:991.98px){
  .insights{grid-template-columns:repeat(2,1fr)}
  .tutor-card{grid-template-columns:110px minmax(0,1fr)}
  .tutor-photo{width:110px;height:120px}
  .tutor-side{grid-column:1/-1}
}
@media(max-width:767.98px){
  .hero{padding:12px}
  .tutor-card{grid-template-columns:1fr}
  .tutor-photo{width:100%;height:220px;object-fit:cover}
  .insights{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .insights{grid-template-columns:1fr}
}

.advisor .girl i{font-size:4.2rem;color:#7a3ac3;position:absolute;bottom:3px;}


/* Extracted inline styles */
.inline-tutors-1{background:#ff5bb0;color:#fff}
.inline-tutors-2{background:#e5d2ff;color:#6226b7;font-size:1.5rem}
.inline-tutors-3{background:#c9f4da;color:#10925b}
.inline-tutors-4{background:#ffe2ef;color:#e70a82}
.inline-tutors-5{background:#eee5ff;color:#6d31c4}
.inline-tutors-6{background:#ffe2ef;color:#e70a82}
.inline-tutors-7{background:#dff8eb;color:#0f9a62}
.inline-tutors-8{background:#e1f3ff;color:#1785d9}
.inline-tutors-9{background:#ffe2ef;color:#e70a82}