/* IELTS Mastery presentation: extends the shared vocabulary landing layout.
   No new libraries, fonts, or scripts are required. */
.ielts-landing .vl-hero{
  background:radial-gradient(ellipse 60% 74% at 98% 48%,#e8e4ff 0,transparent 82%),
  linear-gradient(170deg,#fbfaff 0%,#fff 92%);
}
.ielts-landing .vl-hero:before{border-color:#e3dafa}
.ielts-landing .accent-text{
  background:linear-gradient(111deg,#5d52d9,#7359c7 70%,#a070c7);
  background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
.ielts-landing .vl-eyebrow{background:#f0edff;color:#6556cb;border-color:#e6ddfc}
.ielts-landing .vl-eyebrow-mark{background:#fff;color:#6453cc;font-size:13px}
.ielts-landing .vl-demo{border-color:#e4ddf7;box-shadow:0 33px 72px rgba(87,64,147,.13),0 5px 15px rgba(87,64,147,.06)}
.ielts-landing .vl-demo-top{background:#faf9ff}
.ielts-landing .vl-demo-tag{color:#8c82b7}
.ielts-landing .vl-demo-head .vl-demo-level{color:#7356c2;background:#f1eaff}
.ielts-landing .vl-demo h2{font-size:clamp(29px,3vw,41px)}
.ielts-landing .vl-demo h2 span{color:#bcaee8}
.ielts-landing .vl-pronunciation span{color:#a49abb}
.ielts-landing .vl-demo-tabs button[aria-selected="true"]{color:#6954cc}
.ielts-landing .vl-quiz-options button:not(:disabled):hover{background:#faf8ff;border-color:#b6a3e7}
.ielts-landing .vl-quiz-reset{color:#6754c3}
.ielts-landing .vl-float-top{color:#7c6cbe}
.ielts-landing .vl-why-icon{background:#eee9ff;color:#6d58ce}
.ielts-landing .vl-why-grid article:nth-child(2) .vl-why-icon{background:#e8f8ef;color:#26966c}
.ielts-landing .vl-why-grid article:nth-child(3) .vl-why-icon{background:#fff0e3;color:#c58a47}
.ielts-landing .vl-process-steps>div>span{background:#eeeaff;color:#6b5bcb}
.ielts-landing .vl-audience-grid article>span{background:#eeeaff;color:#6c57c7}
.ielts-landing .vl-hero .btn-primary,.ielts-landing .vl-process-copy .btn-primary{
  background:#6156cd;box-shadow:0 10px 24px rgba(95,83,204,.18)
}
.ielts-landing .vl-hero .btn-primary:hover,.ielts-landing .vl-process-copy .btn-primary:hover{background:#4d40b8}
.ielts-landing .vl-cta-panel{background:linear-gradient(120deg,#463f9c,#806acf)}
.ielts-landing .vl-cta-panel .section-kicker{color:#d9d3ff}
.ielts-landing .vl-cta-panel h2 span{color:#e2dcff}
.ielts-landing .vl-cta-panel>p:not(.section-kicker){color:#ede9ff}
.ielts-landing .vl-strip span{color:#7e75aa}
.ielts-landing .vl-strip i{color:#d3c8e8}
.ielts-landing .vl-demo-content{min-height:205px}
.il-strategy-list{display:grid;gap:11px}
.il-strategy-list p{display:flex;align-items:flex-start;gap:11px;margin:0;font-size:11px;color:#6f7791;line-height:1.5}
.il-strategy-list b{flex:0 0 78px;font-size:10px;color:#6a55c1;font-weight:850}
.il-strategy-list span{min-width:0;flex:1}
.il-passage{border-left:3px solid #a696e1;margin:4px 0 12px;padding:5px 0 5px 13px;font-size:12px;line-height:1.75;color:#40516d;background:none}
.il-tip{font-size:10px;line-height:1.65;color:#8c83a6}
.il-question{font-size:12px;line-height:1.6;color:#384764}
.ielts-landing .vl-quiz-options{gap:6px}
.ielts-landing .vl-quiz-options button{font-size:11px;min-height:35px}
.il-focus{background:#fff}
.il-focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.il-focus-copy h2{font-size:clamp(32px,3.4vw,46px);letter-spacing:-.055em;line-height:1.17}
.il-focus-copy>p:not(.section-kicker){font-size:13px;line-height:1.9;color:#79869c;margin:20px 0 25px;max-width:420px}
.il-score-panel{background:linear-gradient(140deg,#f0edff,#faf9ff);border:1px solid #e5def9;border-radius:22px;padding:39px;position:relative;overflow:hidden}
.il-score-panel:after{content:"";width:280px;height:280px;border:1px solid #e0d6f7;border-radius:50%;position:absolute;right:-160px;top:-170px}
.il-score-eyebrow{font-size:10px;font-weight:850;letter-spacing:.14em;color:#7f73b8}
.il-score-main{display:flex;align-items:center;gap:23px;color:#4e448f;font-size:79px;font-weight:850;line-height:1.1;letter-spacing:-.07em;margin:15px 0 10px}
.il-score-main i{font-size:38px;color:#ab9edb;font-style:normal;font-weight:500}
.il-score-panel>p{font-size:12px;line-height:1.8;color:#7d75a3;max-width:360px}
.il-score-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:23px}
.il-score-tags span{font-size:9px;font-weight:770;background:#fff;color:#7566ad;border:1px solid #e3dcf2;border-radius:8px;padding:8px 10px}
@media(max-width:1100px){
  .il-focus-grid{gap:40px}
  .ielts-landing .vl-demo h2{font-size:34px}
}
@media(max-width:800px){
  .il-focus-grid{grid-template-columns:1fr;gap:32px}
  .il-focus-copy{max-width:600px}
  .il-score-panel{max-width:630px;width:100%}
  .ielts-landing .vl-demo h2{font-size:36px}
}
@media(max-width:560px){
  .ielts-landing .vl-demo h2{font-size:31px}
  .ielts-landing .vl-demo-head{gap:8px}
  .ielts-landing .vl-demo-tag{font-size:8px;letter-spacing:.07em}
  .ielts-landing .vl-demo-head .vl-demo-level{font-size:8px}
  .ielts-landing .vl-pronunciation span{display:block;margin:6px 0 0}
  .ielts-landing .vl-demo-content{min-height:219px;padding:18px 12px}
  .il-strategy-list{gap:9px}
  .il-strategy-list p{font-size:10px;gap:6px}
  .il-strategy-list b{flex-basis:65px;font-size:9px}
  .il-passage{font-size:11px}
  .il-question{font-size:11px}
  .il-focus-grid{gap:26px}
  .il-focus-copy h2{font-size:35px}
  .il-score-panel{border-radius:17px;padding:28px 24px}
  .il-score-main{font-size:68px}
}
@media(max-width:375px){
  .ielts-landing .vl-demo h2{font-size:27px}
  .ielts-landing .vl-demo-content{padding:15px 9px}
  .il-strategy-list p{font-size:9px}
  .il-strategy-list b{flex-basis:60px}
  .ielts-landing .vl-demo-tabs button{font-size:10px}
  .il-score-panel{padding:24px 19px}
  .il-score-main{font-size:60px}
}
@media(prefers-reduced-motion:reduce){
  .ielts-landing .vl-demo,.ielts-landing .vl-float{transform:none}
}