/* V28.7.105 RC28 — Free Mock Premium UX + Learner Copy Refinement */
.rc28-mock-bg{background:linear-gradient(180deg,#f6f8ff 0%,#fbfcff 45%,#fff 100%)}
.rc28-mock-shell{width:min(1320px,calc(100% - 48px));max-width:none;gap:20px}
.rc28-mock-hero{grid-template-columns:minmax(0,2.15fr) minmax(260px,.75fr);gap:18px}
.rc28-hero-copy{padding:30px 32px!important;background:linear-gradient(145deg,#fff 0%,#fbfcff 100%)!important}
.rc28-hero-copy h1{font-size:38px;line-height:1.12;letter-spacing:-.025em;margin:9px 0 12px}
.rc28-hero-copy p{max-width:870px;font-size:15px;line-height:1.72;color:#59657b;margin:0}
.rc28-progress-card{padding:26px!important;background:linear-gradient(145deg,#111b36,#1e2d5a)!important;border-color:#243761!important;color:#fff!important;box-shadow:0 18px 38px rgba(20,35,76,.16)!important}
.rc28-progress-card small,.rc28-progress-card span{color:#cfd7f3}.rc28-progress-card b{font-size:28px}.rc28-progress-card>div{background:rgba(255,255,255,.14)!important}.rc28-progress-card i{background:linear-gradient(90deg,#67a6ff,#8b78ff)!important}

.rc28-progress-strip{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:16px;padding:15px 18px;background:#fff;border:1px solid #e2e7f3;border-radius:16px;box-shadow:0 8px 22px rgba(25,35,70,.045);scroll-margin-top:90px}
.rc28-progress-strip>div:first-child{display:flex;align-items:baseline;gap:9px;white-space:nowrap}.rc28-progress-strip span{font-size:10px;font-weight:900;letter-spacing:.1em;color:#626fe2}.rc28-progress-strip b{font-size:14px;color:#1b2742}.rc28-progress-strip strong{font-size:13px;color:#4d5b75}.rc28-progress-track{height:9px;background:#e9edfa;border-radius:999px;overflow:hidden}.rc28-progress-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#3478f6,#7657ed)}

.rc23-mock-grid{gap:16px}.rc28-skill-card{--skill:#5965da;--skill-soft:#f2f3ff;position:relative;min-height:310px;padding:20px 18px 18px;border-top:4px solid var(--skill)!important;background:linear-gradient(180deg,var(--skill-soft) 0,rgba(255,255,255,.96) 24%,#fff 100%)!important;box-shadow:0 12px 30px rgba(27,42,80,.065)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.rc28-skill-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(27,42,80,.1)!important}.rc28-skill-card.skill-grammar{--skill:#6d5ce7;--skill-soft:#f3f0ff}.rc28-skill-card.skill-reading{--skill:#3478f6;--skill-soft:#edf5ff}.rc28-skill-card.skill-listening{--skill:#16a36a;--skill-soft:#edfbf5}.rc28-skill-card.skill-writing{--skill:#ef8a2f;--skill-soft:#fff6eb}.rc28-skill-card.skill-speaking{--skill:#9a4ee6;--skill-soft:#f8efff}.rc28-skill-card.done{border-color:var(--skill)!important}.rc28-skill-card.final{box-shadow:0 12px 30px rgba(28,132,86,.09)!important}
.rc28-skill-card .rc23-mock-skill-head>span{background:var(--skill-soft);color:var(--skill);border:1px solid color-mix(in srgb,var(--skill) 20%,transparent)}.rc28-skill-card .rc23-mock-skill-head small{color:var(--skill)}.rc28-skill-card .rc23-mock-skill-head h2{font-size:18px;line-height:1.28;overflow-wrap:anywhere}.rc28-skill-card>p{margin:0;color:#6a7487}.rc28-skill-card>.btn{margin-top:auto;min-height:44px;border-color:var(--skill)!important;background:var(--skill)!important;color:#fff!important;box-shadow:0 8px 18px color-mix(in srgb,var(--skill) 20%,transparent)}.rc28-skill-card.done>.btn{background:#fff!important;color:var(--skill)!important}.rc28-skill-card .rc23-result-line{background:color-mix(in srgb,var(--skill) 7%,#fff);border:1px solid color-mix(in srgb,var(--skill) 12%,transparent)}
.rc28-state{display:inline-flex!important;width:max-content;padding:5px 8px;border-radius:999px;font-size:10px!important;line-height:1}.rc28-state.state-new{background:#f2f4f8;color:#6c7486!important}.rc28-state.state-wait{background:#fff2cf;color:#966400!important}.rc28-state.state-final{background:#daf6e7;color:#16764d!important}

.rc28-result-banner{box-shadow:0 10px 26px rgba(25,35,70,.05)}
.rc28-conversion{transition:all .2s ease}.rc28-conversion.is-teaser{padding:22px 24px;background:linear-gradient(120deg,#111b36,#203364);box-shadow:0 14px 34px rgba(17,26,53,.1)}.rc28-conversion.is-teaser .rc25-conversion-head{margin-bottom:0;align-items:center}.rc28-conversion.is-teaser .rc25-conversion-head h2{font-size:24px;margin:5px 0}.rc28-conversion.is-teaser .rc25-conversion-head p{max-width:820px}.rc28-teaser-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.28);border-radius:11px;color:#fff;font-weight:800;white-space:nowrap;background:rgba(255,255,255,.08)}.rc28-teaser-note{margin-top:14px;display:flex;align-items:center;gap:11px;padding:13px 15px;border-radius:12px;background:rgba(255,255,255,.08);color:#dce3f7}.rc28-teaser-note>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:#263d78;font-weight:900}.rc28-teaser-note p{margin:3px 0 0;font-size:12px;color:#c9d2e9}
.rc28-conversion.is-ready{padding:30px;background:linear-gradient(135deg,#0f1934 0%,#172449 58%,#1f2d58 100%)}.rc28-conversion-head h2{letter-spacing:-.015em}.rc28-sales-grid{gap:18px}.rc28-sales-card{--course:#5365d8;--course-soft:#f2f4ff;border-top:5px solid var(--course)!important;background:linear-gradient(180deg,var(--course-soft) 0,#fff 24%)!important;overflow:hidden;box-shadow:0 14px 32px rgba(6,17,47,.12)}.rc28-sales-card.level-b1{--course:#2774e8;--course-soft:#eef6ff}.rc28-sales-card.level-b2{--course:#7652e6;--course-soft:#f3efff}.rc28-sales-card.level-c1{--course:#e39a20;--course-soft:#fff7e7}.rc28-sales-card.recommended{border-color:var(--course)!important;box-shadow:0 18px 42px color-mix(in srgb,var(--course) 24%,transparent);transform:translateY(-3px)}.rc28-sales-card .rc25-sales-top>b{color:var(--course);background:color-mix(in srgb,var(--course) 10%,#fff)}.rc28-sales-card h3{font-size:21px;line-height:1.25}.rc28-sales-card .rc25-sales-facts span{background:color-mix(in srgb,var(--course) 5%,#fff);border:1px solid color-mix(in srgb,var(--course) 8%,transparent)}.rc28-sales-card .rc25-sales-price strong{color:var(--course);font-size:26px}.rc28-sales-card .rc25-sales-actions a.primary{background:var(--course);border-color:var(--course);box-shadow:0 8px 18px color-mix(in srgb,var(--course) 20%,transparent)}.rc28-sales-card .rc25-why{background:color-mix(in srgb,var(--course) 8%,#fff);border-left:3px solid var(--course)}

.rc28-mock-footer{position:sticky;bottom:12px;z-index:12;border-color:#dfe5f1!important;box-shadow:0 16px 44px rgba(20,30,60,.14)!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(10px)}.rc28-mock-footer>div:last-child{justify-content:flex-end}.rc28-mock-footer .btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center}

@media(max-width:1180px){.rc28-mock-shell{width:min(100% - 36px,1180px)}.rc23-mock-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rc28-mock-hero{grid-template-columns:1.6fr .8fr}.rc28-sales-card.recommended{transform:none}}
@media(max-width:900px){.rc23-mock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rc28-mock-hero{grid-template-columns:1fr}.rc28-progress-strip{grid-template-columns:1fr auto}.rc28-progress-track{grid-column:1/-1;grid-row:2}.rc28-progress-strip>strong{grid-column:2;grid-row:1}.rc28-sales-grid{grid-template-columns:1fr!important}}
@media(max-width:700px){.rc28-mock-shell{width:min(100% - 24px,680px);gap:16px}.rc28-hero-copy{padding:22px!important}.rc28-hero-copy h1{font-size:29px}.rc28-hero-copy p{font-size:14px}.rc23-mock-grid{grid-template-columns:1fr}.rc28-skill-card{min-height:0}.rc28-conversion.is-teaser,.rc28-conversion.is-ready{padding:18px}.rc28-conversion.is-teaser .rc25-conversion-head{align-items:stretch}.rc28-teaser-action{width:100%}.rc28-mock-footer{position:static}.rc28-mock-footer>div:last-child{display:grid;width:100%;grid-template-columns:1fr}.rc28-mock-footer .btn{width:100%}}
