Initial commit
This commit is contained in:
kddd21a
@@ -0,0 +1 @@
|
||||
.skip-link{position:fixed;z-index:9999;top:10px;left:10px;padding:10px 15px;border-radius:7px;background:#10213e;color:#fff;text-decoration:none;transform:translateY(-150%);transition:transform .2s}.skip-link:focus{transform:translateY(0);color:#fff}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid rgba(18,100,232,.4);outline-offset:3px}html{scroll-behavior:smooth;scroll-padding-top:90px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
|
||||
@@ -0,0 +1,35 @@
|
||||
:root{--assessment-blue:#1264e8;--assessment-blue-soft:#eaf2ff;--assessment-ink:#10213e;--assessment-muted:#718097;--assessment-line:#dce5f0;--assessment-surface:#fff;--assessment-canvas:#f5f8fd}
|
||||
.assessment-page{color:var(--assessment-ink);background:var(--assessment-canvas)}
|
||||
.assessment-bar{position:relative;z-index:20;display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:24px;padding:12px clamp(18px,3.4vw,52px);border-bottom:1px solid var(--assessment-line);background:var(--assessment-surface);box-shadow:none}
|
||||
.assessment-bar__title{display:flex;min-width:0;align-items:center;gap:12px}.assessment-bar__title>div{min-width:0}
|
||||
.assessment-bar__title>div>span,.assessment-bar__title small{display:block;margin:0 0 3px;color:var(--assessment-blue);font-size:11px;font-weight:750;letter-spacing:.075em;line-height:1.2;text-transform:uppercase}
|
||||
.assessment-bar__title h1{display:block;overflow:hidden;margin:0;color:var(--assessment-ink);font-size:16px;font-weight:750;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
|
||||
.assessment-bar__title p{display:block;overflow:hidden;max-width:360px;margin:2px 0 0;color:var(--assessment-muted);font-size:12px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
|
||||
.assessment-bar__back,.assessment-bar__icon{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:8px}
|
||||
.assessment-bar__back{border:1px solid var(--assessment-line);color:#50647d;background:#fff;text-decoration:none}.assessment-bar__back:hover{color:var(--assessment-blue);border-color:#9fc2f2;background:#f6faff}
|
||||
.assessment-bar__icon{color:var(--assessment-blue);background:var(--assessment-blue-soft);font-size:16px}
|
||||
.assessment-page .exam-session-controls{display:flex;align-items:center;gap:10px}
|
||||
.assessment-page .exam-fullscreen-button,.assessment-page .exam-retake-button,.assessment-bar__action button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid #cbd8e8;border-radius:8px;color:#405670;background:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
|
||||
.assessment-page .exam-retake-button{color:var(--assessment-blue);border-color:#a9c9f4;background:#f8fbff}.assessment-bar__action button{color:#fff;border-color:var(--assessment-blue);background:var(--assessment-blue)}
|
||||
.assessment-page .exam-timer-wrap{min-width:94px;padding:5px 11px;border:1px solid var(--assessment-line);border-radius:8px;background:#f8fafc;text-align:center}
|
||||
.assessment-page .exam-timer-wrap>span{color:var(--assessment-muted);font-size:10px}.assessment-page .exam-timer-wrap strong{color:var(--assessment-ink);font-size:16px}
|
||||
.assessment-page--test:not(.exam-session--reading){min-height:calc(100vh - 76px)}.assessment-page--test:not(.exam-session--reading) .exam-session-form{padding-top:20px}
|
||||
.assessment-page--test.exam-session--reading .exam-session-header{min-height:76px;padding:12px clamp(18px,3.4vw,52px)}.assessment-page--test.exam-session--reading .exam-session-form{height:calc(100vh - 76px)}
|
||||
.assessment-page--test:not(.exam-session--reading) .listening-part-banner{max-width:920px;margin:0 auto 14px}.assessment-page--test:not(.exam-session--reading) .exam-workspace{padding-top:0}
|
||||
.assessment-page--test .exam-question-card{border-color:var(--assessment-line);border-radius:10px;box-shadow:none}.assessment-page--test .exam-options label,.assessment-page--test .exam-text-input,.assessment-page--test .exam-textarea{border-radius:7px}
|
||||
.assessment-page--review .reader-review-head{height:88px;grid-template-columns:minmax(300px,1.3fr) minmax(150px,.55fr) minmax(175px,.65fr) auto}
|
||||
.assessment-page--review .reader-review-workspace{height:calc(100% - 150px)}.assessment-page--review .reader-head-icon{width:36px;height:36px;flex-basis:36px;border-radius:8px}
|
||||
.assessment-page--review .assessment-metric{padding-left:20px;border-left:1px solid var(--assessment-line)}.assessment-page--review .reader-review-card{border-radius:10px;box-shadow:none}
|
||||
.assessment-bar--results{min-height:88px}.assessment-bar__summary{display:flex;align-items:center;gap:8px;margin-left:auto}.assessment-bar__summary span{padding:7px 9px;border-radius:7px;color:#52657d;background:#f1f5fa;font-size:11px;font-weight:650}
|
||||
.assessment-page--review.results-page{padding:0 0 64px}.assessment-page--review .results-shell{width:min(1080px,calc(100% - 40px));padding-top:28px}
|
||||
.assessment-page--review .results-header h2{margin:4px 0 7px;font-size:24px}.assessment-page--review .results-summary article,.assessment-page--review .answer-review{border-radius:10px;box-shadow:none}
|
||||
.assessment-page--review .answer-card{padding:20px 0}.assessment-page--review .answer-response{border:1px solid #e5ebf3;border-radius:7px;background:#f8fafc}
|
||||
.assessment-page--review .results-actions .results-primary{color:#fff;border-color:var(--assessment-blue);background:var(--assessment-blue)}
|
||||
.assessment-page .exam-nav-button,.assessment-page .exam-bottom-submit,.assessment-page .exam-submit-area button,.assessment-page--review .reader-review-pager button,.assessment-page--review .reader-show-evidence,.assessment-page--review .results-actions a{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid #b9cff0;border-radius:8px;color:var(--assessment-blue);background:#fff;font:inherit;font-size:12px;font-weight:700;line-height:1;text-decoration:none;box-shadow:none;cursor:pointer}
|
||||
.assessment-page #question-next,.assessment-page .exam-bottom-submit,.assessment-page .exam-submit-area button,.assessment-page--review .reader-review-pager #reader-next,.assessment-page--review .results-actions .results-primary{color:#fff;border-color:var(--assessment-blue);background:var(--assessment-blue)}
|
||||
.assessment-page #question-next:hover,.assessment-page .exam-bottom-submit:hover,.assessment-page .exam-submit-area button:hover,.assessment-page--review .reader-review-pager #reader-next:hover,.assessment-page--review .results-actions .results-primary:hover{border-color:#0e56ca;background:#0e56ca}
|
||||
.assessment-page .exam-nav-button:hover:not(:disabled),.assessment-page--review .reader-review-pager button:hover:not(:disabled),.assessment-page--review .reader-show-evidence:hover,.assessment-page--review .results-actions a:hover{color:#0e56ca;border-color:#86afea;background:#f4f8ff}
|
||||
.assessment-page .exam-nav-button:disabled,.assessment-page--review .reader-review-pager button:disabled{color:#93a1b4;border-color:#dce3ec;background:#f4f6f8;opacity:1;cursor:not-allowed}
|
||||
.assessment-page--review .reader-show-evidence{width:max-content;margin-top:9px}.assessment-page--review .reader-show-evidence.is-unmatched{color:#6f7d90;border-color:#d6dee8;background:#f5f7fa;cursor:default}
|
||||
@media(max-width:900px){.assessment-bar{gap:14px}.assessment-bar__title p,.assessment-bar__summary{display:none}.assessment-page--review .reader-review-head{height:78px;grid-template-columns:1fr auto}.assessment-page--review .reader-review-workspace{height:calc(100% - 140px)}.assessment-page--review .assessment-metric{display:none}}
|
||||
@media(max-width:680px){.assessment-bar{min-height:68px;padding:10px 14px}.assessment-bar__icon,.assessment-page .exam-fullscreen-button span,.assessment-page .exam-retake-button span{display:none}.assessment-bar__title h1{max-width:42vw;font-size:14px}.assessment-page .exam-session-controls{gap:6px}.assessment-page .exam-fullscreen-button,.assessment-page .exam-retake-button{width:36px;padding:0}.assessment-page .exam-timer-wrap{min-width:74px;padding-inline:7px}.assessment-bar--results .assessment-bar__action button{width:38px;padding:0;font-size:0}.assessment-bar--results .assessment-bar__action button i{font-size:14px}.assessment-page--review .results-shell{width:min(100% - 28px,1080px);padding-top:22px}.assessment-page--review .results-header h2{font-size:21px}}
|
||||
@@ -0,0 +1,3 @@
|
||||
.auth-page{min-height:680px;display:grid;place-items:center;padding:55px 20px;background:radial-gradient(circle at 15% 20%,#e8f1ff 0,transparent 28%),linear-gradient(135deg,#f8faff,#eef5ff)}.auth-card{width:100%;max-width:470px;padding:36px 38px;border:1px solid #e2e8f1;border-radius:16px;background:#fff;box-shadow:0 20px 55px rgba(16,33,62,.09)}.auth-card--compact{max-width:430px}.auth-card__header{text-align:center;margin-bottom:27px}.auth-card__icon{width:44px;height:44px;display:grid;place-items:center;margin:0 auto 15px;border-radius:11px;background:#1264e8;color:#fff;font-size:22px;box-shadow:0 8px 18px #1264e835}.auth-card h1{font-size:25px;font-weight:700;margin:0 0 7px;color:#10213e}.auth-card__header p{font-size:13px;color:#687487;margin:0}.auth-field{margin-bottom:17px}.auth-field label{display:block;margin-bottom:7px;font-size:13px;font-weight:600;color:#26354d}.auth-label-row{display:flex;justify-content:space-between;align-items:center}.auth-label-row a{font-size:12px;color:#1264e8;text-decoration:none}.auth-field input{width:100%;height:46px;border:1px solid #dce3ed;border-radius:9px;padding:0 13px;font-size:14px;color:#1c2b42;outline:0;transition:border .2s,box-shadow .2s}.auth-field input:focus{border-color:#1264e8;box-shadow:0 0 0 3px #1264e81c}.auth-check{display:flex;align-items:center;gap:7px;margin:2px 0 20px;font-size:12px;color:#566276}.auth-check input{accent-color:#1264e8}.auth-submit{width:100%;height:46px;border:0;border-radius:9px;background:#1264e8;color:#fff;font-size:14px;font-weight:600;box-shadow:0 8px 18px #1264e82b;transition:transform .2s,background .2s}.auth-submit:hover{background:#0f58cf;transform:translateY(-1px)}.auth-card__switch{text-align:center;margin:21px 0 0;font-size:12px;color:#687487}.auth-card__switch a{color:#1264e8;font-weight:600;text-decoration:none}.auth-error{font-size:11px;color:#c52c3a;margin:5px 0 0}.auth-alert{padding:10px 12px;margin-bottom:18px;border-radius:8px;background:#fff0f1;color:#a92735;font-size:12px}.auth-alert ul{margin:0;padding-left:17px}@media(max-width:500px){.auth-page{padding:35px 15px}.auth-card{padding:29px 22px}.auth-card h1{font-size:22px}}
|
||||
.auth-submit--link{display:block;text-align:center;text-decoration:none}.auth-submit--link:hover{color:#fff}.auth-alert--info{color:#315f98;background:#eef5ff;border-color:#d5e6fb}
|
||||
.email-address-list{display:grid;gap:8px;margin-bottom:12px}.email-address-item{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #e2e8f1;border-radius:9px;cursor:pointer}.email-address-item:has(input:checked){border-color:#72aef6;background:#f2f7ff}.email-address-item input{accent-color:#0871ef}.email-address-item strong,.email-address-item small{display:block}.email-address-item strong{font-size:.76rem}.email-address-item small{margin-top:2px;color:#7f8c9f;font-size:.62rem}.email-actions{display:flex;flex-wrap:wrap;gap:7px}.email-actions button{padding:7px 9px;border:1px solid #bcd4f2;border-radius:7px;color:#0871ef;background:#fff;font:inherit;font-size:.62rem;font-weight:600}.email-actions button.email-remove{color:#bf4248;border-color:#efc6c9}.auth-divider{display:flex;align-items:center;gap:9px;margin:22px 0 17px;color:#8793a5;font-size:.62rem}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#e5eaf1;flex:1}
|
||||
@@ -0,0 +1,33 @@
|
||||
.catalogue-grid--compact {
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.catalogue-compact-body h3 {
|
||||
font-size: .9rem;
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
.catalogue-compact-tags > span,
|
||||
.catalogue-compact-tags > b {
|
||||
font-size: .62rem;
|
||||
}
|
||||
|
||||
.catalogue-compact-tags em {
|
||||
font-size: .64rem;
|
||||
}
|
||||
|
||||
.catalogue-compact-body p {
|
||||
font-size: .68rem;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.catalogue-grid--compact {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 520px) {
|
||||
.catalogue-grid--compact {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,2 @@
|
||||
.catalogue-search-panel{margin-bottom:14px;padding:12px;border:1px solid #dce5ef;border-radius:11px;background:#fff}.catalogue-search-box{display:flex;height:42px;align-items:center;gap:10px;padding:0 12px;border:1px solid #d5dfeb;border-radius:8px;color:#718096}.catalogue-search-box:focus-within{border-color:#74acf0;box-shadow:0 0 0 3px rgba(8,113,239,.1)}.catalogue-search-box input{width:100%;border:0;outline:0;color:#243750;background:transparent;font:inherit;font-size:.75rem}.catalogue-part-filters{display:flex;align-items:center;gap:4px;margin-top:9px;color:#607089;font-size:.66rem}.catalogue-part-filters span{margin-right:3px}.catalogue-part-filters button{padding:5px 9px;border:0;border-radius:6px;color:#56667d;background:#f4f7fb;font:inherit;font-size:.65rem;cursor:pointer}.catalogue-part-filters button.is-active{color:#0871ef;background:#eaf3ff;font-weight:700}.catalogue-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.catalogue-compact-card{display:flex;min-width:0;min-height:112px;align-items:center;gap:12px;padding:15px;border:1px solid #dce5ef;border-radius:11px;background:#fff;box-shadow:0 5px 15px rgba(16,33,62,.025)}.catalogue-compact-card:hover{border-color:#b8d4f6;box-shadow:0 9px 22px rgba(16,92,205,.08)}.catalogue-compact-icon{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border-radius:9px;color:#0871ef;background:#eaf3ff;font-size:1rem}.catalogue-compact-body{min-width:0;flex:1}.catalogue-compact-body h3{overflow:hidden;margin:0 0 7px;font-size:.76rem;line-height:1.4;text-overflow:ellipsis}.catalogue-compact-tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.catalogue-compact-tags>span,.catalogue-compact-tags>b{padding:3px 6px;border-radius:9px;color:#0871ef;background:#eaf3ff;font-size:.51rem;font-style:normal;font-weight:700;text-transform:uppercase}.catalogue-compact-tags>b{color:#176b78;background:#e7f4f7}.catalogue-compact-tags em{color:#7d8999;font-size:.54rem;font-style:normal}.catalogue-compact-tags em.is-complete{color:#168d4a}.catalogue-compact-tags em.is-progress{color:#bd6816}.catalogue-compact-body p{margin:7px 0 0;color:#758398;font-size:.57rem}.catalogue-compact-body p i{margin-right:3px;color:#0871ef}.catalogue-compact-body p span{margin:0 3px}.catalogue-compact-action{display:grid;width:30px;height:40px;flex:0 0 30px;place-items:center;color:#607089;text-decoration:none}.catalogue-compact-action:hover{color:#0871ef}.catalogue-search-empty{padding:35px;border:1px solid #dce5ef;border-radius:11px;background:#fff;text-align:center}.catalogue-search-empty i,.catalogue-search-empty strong,.catalogue-search-empty span{display:block}.catalogue-search-empty i{margin-bottom:7px;color:#0871ef;font-size:1.1rem}.catalogue-search-empty strong{font-size:.8rem}.catalogue-search-empty span{margin-top:4px;color:#7b899c;font-size:.65rem}@media(max-width:1180px){.catalogue-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.catalogue-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.catalogue-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.catalogue-grid--compact{grid-template-columns:1fr}.catalogue-search-panel{padding:10px}.catalogue-compact-card{min-height:98px;padding:13px}.catalogue-compact-icon{width:40px;height:40px;flex-basis:40px}}
|
||||
.catalogue-compact-card{position:relative}.catalogue-premium-mark{position:absolute;top:8px;right:9px;display:inline-flex;align-items:center;gap:3px;padding:3px 6px;border-radius:7px;color:#7b4d08;background:#fff2d5;font-size:.49rem;font-weight:750}.catalogue-compact-action.is-locked{color:#7b4d08;background:#fff5df}.catalogue-compact-action.is-locked:hover{color:#5d3903;background:#ffe9b5}
|
||||
@@ -0,0 +1 @@
|
||||
.catalogue-hero{padding-top:31px!important;padding-bottom:29px!important}.catalogue-hero h1{margin-bottom:5px!important;font-size:clamp(1.8rem,3.2vw,2.35rem)!important}.catalogue-summary{margin-top:17px!important}.catalogue-card{padding:17px!important}.catalogue-card__top{margin-bottom:11px!important}.catalogue-card h3{margin-bottom:5px!important}.catalogue-card__description{min-height:0!important;margin-bottom:11px!important}.test-meta{padding:10px 0!important}.catalogue-card__footer{margin-top:0!important;padding-top:11px!important}.test-action{padding:8px 11px!important}@media(max-width:580px){.catalogue-hero{padding-top:25px!important;padding-bottom:23px!important}.catalogue-card{padding:15px!important}.catalogue-card__footer{align-items:center!important;flex-direction:row!important}.test-action{min-width:auto!important}.test-note,.test-score{font-size:.6rem}}
|
||||
@@ -0,0 +1 @@
|
||||
.site-messages{position:fixed;z-index:2000;top:88px;right:20px;width:min(390px,calc(100% - 40px))}.site-message{padding:13px 16px;border:1px solid #dbe5f2;border-radius:9px;background:#fff;color:#26354c;font-size:13px;box-shadow:0 12px 35px rgba(16,33,62,.13)}.site-message--success{border-color:#bde5cc;background:#effaf3;color:#176c37}.site-message--error{border-color:#f0c3c8;background:#fff1f2;color:#9f2935}.contact-page{min-height:680px;padding:75px 0;background:linear-gradient(135deg,#f8faff,#edf4ff)}.contact-page__layout{display:grid;grid-template-columns:1fr 1.1fr;gap:75px;align-items:center;max-width:1000px}.contact-page h1{font-size:40px;letter-spacing:-1px;font-weight:700;margin:0 0 15px}.contact-page__intro>p:not(.info-page__eyebrow){max-width:420px;color:#5a6779;line-height:1.7}.contact-page__detail{display:flex;align-items:center;gap:13px;margin-top:30px}.contact-page__detail>i{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#e5efff;color:#1264e8;font-size:19px}.contact-page__detail strong,.contact-page__detail span{display:block;font-size:13px}.contact-page__detail span{margin-top:3px;color:#677386}.contact-card{padding:31px;border:1px solid #e0e7f0;border-radius:15px;background:#fff;box-shadow:0 18px 50px rgba(16,33,62,.08)}.contact-field{margin-bottom:16px}.contact-field label{display:block;margin-bottom:6px;font-size:12px;font-weight:600}.contact-field input,.contact-field textarea{width:100%;border:1px solid #dce3ec;border-radius:8px;padding:11px 12px;font:inherit;font-size:13px;outline:0}.contact-field textarea{resize:vertical}.contact-field input:focus,.contact-field textarea:focus{border-color:#1264e8;box-shadow:0 0 0 3px #1264e819}.contact-field p,.contact-form-error{margin:4px 0 0;color:#b62f3c;font-size:11px}.contact-card button{width:100%;height:46px;border:0;border-radius:8px;background:#1264e8;color:#fff;font-size:14px;font-weight:600}@media(max-width:767px){.contact-page{padding:50px 0}.contact-page__layout{grid-template-columns:1fr;gap:35px}.contact-page h1{font-size:33px}.contact-card{padding:24px}}
|
||||
@@ -0,0 +1 @@
|
||||
.daily-missions{margin:0 0 18px;padding:20px;border:1px solid #dce9fb;border-radius:16px;background:radial-gradient(circle at 94% 0,rgba(193,222,255,.68),transparent 29%),linear-gradient(125deg,#f9fcff,#eef6ff)}.daily-missions__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.daily-missions__heading>div>span{display:block;margin-bottom:5px;color:#0871ef;font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.daily-missions__heading h2{margin:0;color:#132640;font-size:1.08rem}.daily-missions__heading p{margin:4px 0 0;color:#718198;font-size:.67rem}.daily-missions__heading>span{display:inline-flex;align-items:center;gap:5px;color:#5c6d85;font-size:.62rem;font-weight:700;white-space:nowrap}.daily-missions__heading>span i{color:#f09a13}.daily-missions__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.daily-mission{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:14px;border:1px solid #dde7f4;border-radius:12px;background:#fff;box-shadow:0 5px 13px rgba(16,33,62,.035)}.daily-mission__icon{display:grid;width:35px;height:35px;place-items:center;border-radius:10px;color:#0871ef;background:#e9f3ff;font-size:.92rem}.daily-mission__body{min-width:0}.daily-mission__body>div{display:flex;align-items:flex-start;justify-content:space-between;gap:7px}.daily-mission h3{margin:0;color:#273951;font-size:.72rem;line-height:1.35}.daily-mission b{padding:3px 5px;border-radius:5px;color:#0871ef;background:#edf5ff;font-size:.53rem;white-space:nowrap}.daily-mission p{min-height:30px;margin:4px 0 8px;color:#7b899d;font-size:.58rem;line-height:1.45}.daily-mission__progress{display:flex;align-items:center;gap:6px}.daily-mission__progress>span{display:block;overflow:hidden;height:5px;flex:1;border-radius:7px;background:#e9eff6}.daily-mission__progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0871ef,#5ba5fb)}.daily-mission__progress small{color:#718199;font-size:.53rem;font-weight:700;white-space:nowrap}.daily-mission form,.daily-mission__claimed,.daily-mission__pending{grid-column:1/-1}.daily-mission form button{display:flex;width:100%;align-items:center;justify-content:center;gap:5px;padding:8px;border:0;border-radius:7px;color:#fff;background:#0871ef;font:inherit;font-size:.61rem;font-weight:700;cursor:pointer}.daily-mission form button:hover{background:#075dcc}.daily-mission__pending,.daily-mission__claimed{display:block;padding-top:2px;color:#8290a4;font-size:.57rem;font-weight:700}.daily-mission__claimed{color:#198d4d}.daily-mission.is-complete{border-color:#8abdf6;box-shadow:0 8px 18px rgba(8,113,239,.09)}.daily-mission.is-claimed{border-color:#bde7ce;background:#fbfffc}.daily-mission.is-claimed .daily-mission__icon{color:#189350;background:#e8f8ee}.daily-mission.is-claimed .daily-mission__progress i{background:#31ad69}@media(max-width:1050px){.daily-missions__grid{grid-template-columns:1fr}.daily-mission{grid-template-columns:auto minmax(0,1fr) 108px}.daily-mission form,.daily-mission__claimed,.daily-mission__pending{align-self:center;grid-column:auto}.daily-mission p{min-height:0}}@media(max-width:600px){.daily-missions{padding:16px}.daily-missions__heading{align-items:flex-start;flex-direction:column}.daily-missions__grid{gap:9px}.daily-mission{grid-template-columns:auto minmax(0,1fr)}.daily-mission form,.daily-mission__claimed,.daily-mission__pending{grid-column:1/-1}.daily-mission p{font-size:.62rem}}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1 @@
|
||||
*{box-sizing:border-box}html,body{height:100%;margin:0}.exact-exam-page{overflow:hidden;color:#10213e;background:#eef3f9;font-family:Inter,Arial,sans-serif}.exact-exam-bar{display:flex;height:58px;align-items:center;justify-content:space-between;gap:16px;padding:8px 16px;border-bottom:1px solid #d9e3ef;background:#fff;box-shadow:0 2px 10px rgba(16,33,62,.08)}.exact-exam-bar>div{display:flex;align-items:center;gap:11px}.exact-exam-bar a{display:grid;width:34px;height:34px;place-items:center;border:1px solid #d7e1ee;border-radius:7px;color:#31506f;text-decoration:none}.exact-exam-bar span small,.exact-exam-bar span strong{display:block}.exact-exam-bar span small{color:#7b899d;font-size:9px;text-transform:uppercase}.exact-exam-bar span strong{margin-top:2px;font-size:13px}.exact-exam-bar form{margin:0}.exact-exam-bar button{min-height:34px;padding:0 12px;border:1px solid #cbd9e9;border-radius:7px;color:#31506f;background:#fff;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.exact-exam-bar .exact-finish{border-color:#0871ef;color:#fff;background:#0871ef}.exact-exam-frame-wrap{height:calc(100vh - 58px)}.exact-exam-frame-wrap iframe{display:block;width:100%;height:100%;border:0;background:#fff}@media(max-width:600px){.exact-exam-bar span small{display:none}.exact-exam-bar span strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exact-exam-bar{padding:7px 9px}.exact-exam-bar button{padding:0 9px}}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,197 @@
|
||||
/* Shared reading typography for live exams and answer review. */
|
||||
.exam-session--reading .exam-passage {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.exam-session--reading .exam-pane-heading--title {
|
||||
justify-content: center;
|
||||
margin-bottom: 22px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.exam-session--reading .exam-pane-heading--title span {
|
||||
color: #111827;
|
||||
font-family: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.reader-pane-heading--title {
|
||||
justify-content: center;
|
||||
margin-bottom: 22px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.reader-pane-heading--title h2 {
|
||||
color: #111827;
|
||||
font-family: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.exam-passage-text.rich-passage-content,
|
||||
.reader-passage-content.rich-passage-content,
|
||||
.exam-questions,
|
||||
.reader-question-pane {
|
||||
color: #172033;
|
||||
font-family: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.exam-passage-text.rich-passage-content,
|
||||
.reader-passage-content.rich-passage-content {
|
||||
font-size: 17px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
.exam-session--reading .exam-passage-text.rich-passage-content {
|
||||
text-align: justify;
|
||||
text-justify: inter-word;
|
||||
}
|
||||
|
||||
.reader-passage-content.rich-passage-content {
|
||||
text-align: justify;
|
||||
text-justify: inter-word;
|
||||
}
|
||||
|
||||
/* Identical split-pane scrollbars in exam and review modes. */
|
||||
.exam-session--reading .exam-passage,
|
||||
.exam-session--reading .exam-questions,
|
||||
.reader-passage-pane,
|
||||
.reader-question-pane {
|
||||
scrollbar-color: #8a8a8a #f1f3f6;
|
||||
scrollbar-width: thin;
|
||||
}
|
||||
|
||||
.exam-session--reading .exam-passage::-webkit-scrollbar,
|
||||
.exam-session--reading .exam-questions::-webkit-scrollbar,
|
||||
.reader-passage-pane::-webkit-scrollbar,
|
||||
.reader-question-pane::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
.exam-session--reading .exam-passage::-webkit-scrollbar-track,
|
||||
.exam-session--reading .exam-questions::-webkit-scrollbar-track,
|
||||
.reader-passage-pane::-webkit-scrollbar-track,
|
||||
.reader-question-pane::-webkit-scrollbar-track {
|
||||
background: #f1f3f6;
|
||||
}
|
||||
|
||||
.exam-session--reading .exam-passage::-webkit-scrollbar-thumb,
|
||||
.exam-session--reading .exam-questions::-webkit-scrollbar-thumb,
|
||||
.reader-passage-pane::-webkit-scrollbar-thumb,
|
||||
.reader-question-pane::-webkit-scrollbar-thumb {
|
||||
min-height: 44px;
|
||||
border: 2px solid #f1f3f6;
|
||||
border-radius: 10px;
|
||||
background: #8a8a8a;
|
||||
}
|
||||
|
||||
/* Footer without the removed Correct / Incorrect / Current legend. */
|
||||
.reader-review-footer--no-legend {
|
||||
grid-template-columns: minmax(0, 1fr) auto;
|
||||
}
|
||||
|
||||
.reader-review-footer--no-legend .reader-question-nav {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* Review cards use the same neutral surface treatment as exam cards. */
|
||||
.reader-question-review,
|
||||
.reader-question-review.is-active {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.reader-question-review.is-active::before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.reader-review-card,
|
||||
.reader-question-review.is-active .reader-review-card {
|
||||
padding: 19px;
|
||||
border: 1px solid #dde5ef;
|
||||
border-radius: 12px;
|
||||
background: #fff;
|
||||
box-shadow: 0 5px 17px rgba(16, 33, 58, .035);
|
||||
}
|
||||
|
||||
.exam-passage-text.rich-passage-content p,
|
||||
.reader-passage-content.rich-passage-content p {
|
||||
margin: 0 0 18px;
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
.exam-passage-text.rich-passage-content h2,
|
||||
.reader-passage-content.rich-passage-content h2 {
|
||||
font-family: inherit;
|
||||
font-size: 26px;
|
||||
font-weight: 700;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.exam-passage-text.rich-passage-content h3,
|
||||
.reader-passage-content.rich-passage-content h3 {
|
||||
font-family: inherit;
|
||||
font-size: 20px;
|
||||
font-weight: 650;
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
.exam-question-card legend,
|
||||
.exam-question-card legend > span.rich-question-prompt,
|
||||
.reader-question-prompt,
|
||||
.exam-group-instructions,
|
||||
.exam-group-sheet {
|
||||
font-family: inherit;
|
||||
font-size: 17px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
.exam-question-card legend > span.rich-question-prompt,
|
||||
.reader-question-prompt {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.exam-question-card .rich-question-prompt p,
|
||||
.reader-question-prompt p,
|
||||
.exam-group-instructions p,
|
||||
.exam-group-sheet p,
|
||||
.exam-group-sheet li {
|
||||
font-size: 17px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
.exam-options label,
|
||||
.exam-text-input,
|
||||
.exam-textarea,
|
||||
.exam-inline-input,
|
||||
.reader-answer-grid strong,
|
||||
.reader-evidence-content blockquote {
|
||||
font-family: inherit;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.reader-answer-grid strong,
|
||||
.reader-evidence-content blockquote {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.reader-answer-grid small,
|
||||
.reader-evidence-content h3,
|
||||
.reader-show-evidence {
|
||||
font-family: inherit;
|
||||
font-size: 13px;
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
@media (max-width: 680px) {
|
||||
.exam-passage-text.rich-passage-content,
|
||||
.reader-passage-content.rich-passage-content {
|
||||
font-size: 16px;
|
||||
line-height: 25px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
.exam-utility-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1280px;margin:0 auto;padding:12px 5%;border-bottom:1px solid #dfe7f1;background:#fff}.exam-utility-bar>div:first-child>span{color:#667891;font-size:.68rem;font-weight:700}.exam-workspace--wide{max-width:1280px!important;padding:28px 5% 64px!important}.exam-workspace--wide .exam-questions{width:100%}.exam-workspace--wide .exam-question-card{max-width:none}.exam-utility-bar .exam-session-controls{margin-left:auto}@media(max-width:600px){.exam-utility-bar{padding:9px 4%}.exam-utility-bar>div:first-child{display:none}.exam-utility-bar .exam-session-controls{width:100%;justify-content:flex-end}.exam-workspace--wide{padding:20px 4% 55px!important}}
|
||||
|
||||
.rich-passage-content h2{margin:0 0 15px;color:#10213e;font-size:1.2rem;line-height:1.35}.rich-passage-content h3{margin:21px 0 9px;color:#1e3552;font-size:.95rem}.rich-passage-content p{margin:0 0 15px}.rich-passage-content ul,.rich-passage-content ol{margin:12px 0;padding-left:24px}.rich-passage-content li{margin:5px 0}.rich-passage-content blockquote{margin:15px 0;padding:10px 13px;border-left:3px solid #0871ef;border-radius:0 7px 7px 0;color:#4e627e;background:#f1f7ff}.rich-passage-content a{color:#0871ef;text-decoration:underline}.rich-passage-content u{text-underline-offset:2px}
|
||||
.exam-question-card legend>span.rich-question-prompt{display:block;width:auto;height:auto;min-width:0;flex:1;place-items:initial;border-radius:0;color:inherit;background:transparent;font-size:inherit;font-weight:500}.rich-question-prompt p{display:block;margin:0 0 10px;line-height:1.65}.rich-question-prompt p:last-child{margin-bottom:0}.rich-question-prompt h2,.rich-question-prompt h3{display:block;margin:0 0 8px;font:inherit;font-weight:800}.rich-question-prompt br{display:block;content:"";margin-top:3px}.rich-question-prompt ul,.rich-question-prompt ol{display:block;margin:9px 0 11px;padding-left:23px}.rich-question-prompt li{margin:4px 0;line-height:1.55}.rich-question-prompt blockquote{display:block;margin:9px 0;padding:8px 11px;border-left:3px solid #72abec;background:#f3f8ff}.rich-question-prompt a{color:#0871ef;text-decoration:underline}.review-question-prompt{display:block;width:auto;height:auto;margin:0 0 12px;color:#243750;background:transparent;font-size:.82rem;font-weight:600;line-height:1.5}
|
||||
|
||||
/* IELTS-style passage typography used only inside the live Reading exam. */
|
||||
.exam-passage-text.rich-passage-content{color:#172033;font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:17px;font-weight:400;line-height:26px}.exam-passage-text.rich-passage-content p{margin:0 0 18px;font-weight:400}.exam-passage-text.rich-passage-content h2{margin:0 0 18px;color:#111827;font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:26px;font-weight:700;line-height:1.3;text-align:center}.exam-passage-text.rich-passage-content h3{margin:22px 0 12px;color:#111827;font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:20px;font-weight:650;line-height:1.35}.exam-passage-text.rich-passage-content em{color:#172033}
|
||||
@@ -0,0 +1 @@
|
||||
.exam-session-controls{display:flex;align-items:center;gap:11px;margin-left:auto}.exam-session-controls .exam-fullscreen-button{margin-left:0}.exam-session-controls form{margin:0}.exam-retake-button{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #f1b8b8;border-radius:7px;color:#b63f3f;background:#fff7f7;font:inherit;font-size:.68rem;font-weight:700;cursor:pointer}.exam-retake-button:hover{border-color:#df6363;color:#fff;background:#d94b45}@media(max-width:520px){.exam-session-controls{gap:6px}.exam-retake-button{padding:7px 9px}.exam-retake-button span{display:none}}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,5 @@
|
||||
.site-cta{color:#fff;background:linear-gradient(105deg,#1674f5 0%,#0754d5 100%);position:relative;overflow:hidden}.site-cta:before{content:"";position:absolute;inset:0 auto 0 0;width:180px;opacity:.3;background-image:radial-gradient(#fff 1.2px,transparent 1.2px);background-size:16px 16px}.site-cta__inner{min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative}.site-cta h2{font-size:23px!important;color:#fff!important;margin:0 0 6px!important;font-weight:600}.site-cta p{font-size:14px;margin:0;color:#fff}.site-cta__button{min-width:140px;padding:13px 25px;border-radius:8px;background:#fff;color:#1264e8;text-align:center;font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.08);transition:transform .2s,box-shadow .2s}.site-cta__button:hover{color:#0c58ce;transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.14)}.site-footer{background:#fff;padding:28px 0 15px}.site-footer__grid{display:grid;grid-template-columns:2fr 1.25fr 1.3fr 1.25fr;gap:36px}.site-footer__brand{display:inline-flex;align-items:center;color:#10213e;text-decoration:none;font-size:20px;font-weight:700}.site-footer__brand:hover{color:#10213e}.site-footer p,.site-footer a{font-size:12px}.site-footer__intro p{color:#536074;line-height:1.75;margin:14px 0 0}.site-footer h3{font-size:13px;font-weight:600;margin:4px 0 10px;color:#10213e}.site-footer nav>a{display:block;color:#4e5a6d;line-height:1.85;text-decoration:none}.site-footer nav>a:hover{color:#1264e8}.site-footer__socials{display:flex;gap:13px;margin-top:17px}.site-footer__socials a{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#edf3fc;color:#1264e8;font-size:16px;text-decoration:none;transition:transform .2s}.site-footer__socials a:hover{transform:translateY(-2px)}.site-footer__socials a:nth-child(2){color:#e14a78}.site-footer__socials a:nth-child(3){color:#e21c24}.site-footer__copyright{text-align:center;color:#667184;margin:17px 0 0;font-size:11px!important}@media(max-width:767px){.site-cta__inner{padding-top:22px;padding-bottom:22px}.site-cta h2{font-size:20px!important}.site-footer__grid{grid-template-columns:1fr 1fr;gap:28px}}@media(max-width:480px){.site-cta__inner{display:block}.site-cta__button{display:inline-block;margin-top:18px}.site-footer__grid{grid-template-columns:1fr}.site-footer{padding-top:32px}}
|
||||
.site-footer__email{color:#536078;font-size:12px;text-decoration:none}.site-footer__email:hover{color:#1264e8}
|
||||
.site-cta--premium{border-top:0;background:#1264e8;color:#fff}.site-cta--premium:before{display:block;opacity:.22}.site-cta--premium .site-cta__inner{min-height:124px;justify-content:flex-start}.site-cta__premium-mark{display:grid;width:54px;height:54px;flex:0 0 54px;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:12px;color:#fff;background:rgba(255,255,255,.12);font-size:25px}.site-cta__copy{min-width:0;flex:1}.site-cta__copy>span{display:block;margin-bottom:4px;color:#dceaff;font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.site-cta__copy>span i{margin-right:4px;color:#bdf2d2}.site-cta--premium h2{margin:0 0 5px!important;color:#fff!important;font-size:22px!important;font-weight:700}.site-cta--premium p{color:#e4eeff}.site-cta--premium .site-cta__button{display:inline-flex;min-width:166px;min-height:44px;align-items:center;justify-content:center;gap:8px;margin-left:auto;padding:0 18px;color:#1264e8;background:#fff;box-shadow:none}.site-cta--premium .site-cta__button:hover{color:#0e56ca;background:#f4f8ff;box-shadow:none;transform:none}
|
||||
@media(max-width:767px){.site-cta--premium .site-cta__inner{display:grid;grid-template-columns:auto 1fr;gap:14px;padding-top:24px;padding-bottom:24px}.site-cta--premium .site-cta__button{width:100%;grid-column:1/-1;margin:2px 0 0}.site-cta--premium h2{font-size:20px!important}}
|
||||
@media(max-width:480px){.site-cta__premium-mark{width:44px;height:44px;flex-basis:44px;border-radius:10px;font-size:21px}.site-cta--premium h2{font-size:18px!important}.site-cta--premium p{font-size:13px}}
|
||||
@@ -0,0 +1,3 @@
|
||||
.exam-question-group{margin:0 0 22px;color:#111827}.exam-group-instructions{margin:0 0 16px}.exam-group-instructions h2{margin:0 0 14px;font-size:1rem}.exam-group-instructions p{margin:0 0 12px;color:#27364b;font-size:.82rem;line-height:1.6}.exam-group-sheet{padding:22px 18px 28px;border:1px solid #78818d;background:#fff;font-size:.88rem;line-height:2.15}.exam-group-sheet h2,.exam-group-sheet h3{margin:0 0 9px;color:#111827;font-size:1.08rem;line-height:1.4;text-align:center}.exam-group-sheet h4{margin:9px 0 2px;color:#111827;font-size:.9rem;line-height:1.5}.exam-group-sheet p{margin:0 0 9px}.exam-group-sheet ul,.exam-group-sheet ol{margin:0;padding-left:24px}.exam-group-sheet ul ul,.exam-group-sheet ol ol{padding-left:22px}.exam-group-sheet li{padding-left:2px}.exam-inline-question{display:inline-flex;align-items:center;gap:5px;scroll-margin:90px;vertical-align:middle;white-space:nowrap}.exam-inline-question:focus{outline:0}.exam-inline-number{display:grid;width:22px;height:22px;flex:0 0 22px;place-items:center;border:1px solid #d1d8e1;border-radius:50%;color:#738197;background:#fff;font-size:.62rem;font-weight:400;line-height:1}.exam-inline-input{width:140px;height:38px;padding:0 9px;border:1px solid #d4dbe5;border-radius:7px;color:#172033;background:#fff;font:inherit;font-size:.8rem;line-height:normal;outline:0;box-shadow:0 2px 5px rgba(16,33,58,.06)}select.exam-inline-input{width:auto;min-width:145px}.exam-inline-input:focus{border-color:#0871ef;box-shadow:0 0 0 3px rgba(8,113,239,.11)}.exam-inline-question:has(.exam-inline-input:not(:placeholder-shown)) .exam-inline-number,.exam-inline-question.is-answered .exam-inline-number{color:#176b3a;border-color:#74c995;background:#e2f7ea}.exam-group-sheet table{width:100%;border-collapse:collapse;line-height:1.55}.exam-group-sheet th,.exam-group-sheet td{padding:10px;border:1px solid #d7e0eb;text-align:left;vertical-align:top}.exam-group-sheet th{background:#f3f7fc;font-weight:700}
|
||||
@media(max-width:760px){.exam-question-group{margin-bottom:17px}.exam-group-sheet{overflow-x:auto;padding:16px 12px;font-size:.82rem;line-height:2}.exam-inline-input{width:110px;height:36px}.exam-group-sheet table{min-width:560px}.exam-group-instructions p{font-size:.77rem}}
|
||||
.exam-inline-question:not(.is-answered) .exam-inline-number{color:#738197!important;border-color:#d1d8e1!important;background:#fff!important}
|
||||
@@ -0,0 +1 @@
|
||||
.hero .hero-left .hero-buttons{margin-bottom:0}.hero h1 span{color:#1264e8}.hero .hero-right{display:flex;align-items:center;justify-content:center}.hero-device{position:relative;width:min(100%,410px);padding:10px;border:8px solid #121923;border-radius:18px 18px 10px 10px;background:#121923;box-shadow:0 30px 54px rgba(15,30,55,.22),0 7px 15px rgba(15,30,55,.16);transform:perspective(1400px) rotateY(-4deg) rotateX(1deg)}.hero-device:before{position:absolute;z-index:2;top:4px;left:50%;width:42px;height:5px;border-radius:6px;background:#293342;content:"";transform:translateX(-50%)}.hero-device:after{position:absolute;right:-7%;bottom:-20px;left:-7%;height:20px;border-radius:2px 2px 16px 16px;background:linear-gradient(180deg,#c6d0dd,#707c8b 55%,#4e5967);box-shadow:0 8px 12px rgba(15,30,55,.22);content:""}.hero-device__screen{overflow:hidden;border-radius:7px 7px 2px 2px;background:#f5f8fd;aspect-ratio:1.6}.hero-device__screen img{display:block;width:100%;height:100%;object-fit:fill;object-position:center;transform:none}@media(max-width:800px){.hero-device{width:min(100%,410px);transform:none}}@media(max-width:480px){.hero-device{padding:6px;border-width:6px;border-radius:13px 13px 7px 7px}.hero-device:after{bottom:-16px;height:16px}}
|
||||
@@ -0,0 +1,10 @@
|
||||
.hero {
|
||||
padding: 80px 0;
|
||||
}
|
||||
|
||||
.hero-dashboard {
|
||||
max-width: 700px;
|
||||
width: 100%;
|
||||
border-radius: 20px;
|
||||
box-shadow: 0 30px 60px rgba(0,0,0,.12);
|
||||
}
|
||||
@@ -0,0 +1,56 @@
|
||||
.how-step {
|
||||
background: #fff;
|
||||
padding: 30px 20px;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 10px 30px rgba(0,0,0,.05);
|
||||
transition: .3s;
|
||||
}
|
||||
|
||||
.how-step:hover {
|
||||
transform: translateY(-6px);
|
||||
box-shadow: 0 20px 50px rgba(79,70,229,.25);
|
||||
}
|
||||
|
||||
.step-icon {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
margin: 0 auto 15px;
|
||||
border-radius: 50%;
|
||||
border: 2px solid #4F46E5; /* outlined circle */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.step-icon i {
|
||||
font-size: 28px;
|
||||
color: #4F46E5; /* icon stands out */
|
||||
}
|
||||
|
||||
.step-number {
|
||||
position: absolute;
|
||||
top: -8px;
|
||||
left: -8px;
|
||||
background: #4F46E5;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
border-radius: 50%;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.how-step h3 {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.how-step p {
|
||||
font-size: 15px;
|
||||
color: #6b7280;
|
||||
}
|
||||
@@ -0,0 +1,105 @@
|
||||
/* Shared question-paper treatment for every native IELTS section. */
|
||||
.exam-questions {
|
||||
color: #050505;
|
||||
font-family: Arial, "Helvetica Neue", sans-serif;
|
||||
}
|
||||
.exam-question-card {
|
||||
margin: 0 0 1.75rem;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.exam-question-card legend {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: .55rem;
|
||||
margin: 0 0 .72rem;
|
||||
color: #050505;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.55;
|
||||
}
|
||||
.exam-question-card legend > span:first-child {
|
||||
display: inline;
|
||||
width: auto;
|
||||
height: auto;
|
||||
flex: 0 0 auto;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
color: #050505;
|
||||
background: transparent;
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
line-height: 1.55;
|
||||
}
|
||||
.exam-question-card legend > .rich-question-prompt {
|
||||
color: #050505;
|
||||
font-size: inherit;
|
||||
font-weight: inherit;
|
||||
}
|
||||
.exam-options {
|
||||
gap: .3rem;
|
||||
padding-left: 2.1rem;
|
||||
}
|
||||
.exam-options label {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: .65rem;
|
||||
padding: .12rem 0;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
color: #050505;
|
||||
background: transparent;
|
||||
font-size: .95rem;
|
||||
line-height: 1.45;
|
||||
}
|
||||
.exam-options label:hover,
|
||||
.exam-options label:has(input:checked) {
|
||||
border-color: transparent;
|
||||
color: #050505;
|
||||
background: transparent;
|
||||
}
|
||||
.exam-options input {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
flex: 0 0 1rem;
|
||||
margin: .2rem 0 0;
|
||||
accent-color: #111;
|
||||
}
|
||||
.exam-text-input,
|
||||
.exam-textarea {
|
||||
width: calc(100% - 2.1rem);
|
||||
margin-left: 2.1rem;
|
||||
border: 1px solid #aeb4bd;
|
||||
border-radius: 2px;
|
||||
color: #050505;
|
||||
background: #fff;
|
||||
font-size: .95rem;
|
||||
}
|
||||
.exam-text-input:focus,
|
||||
.exam-textarea:focus {
|
||||
border-color: #175fd2;
|
||||
box-shadow: 0 0 0 2px rgb(23 95 210 / .15);
|
||||
}
|
||||
.exam-questions .exam-group-instructions h2 {
|
||||
color: #050505;
|
||||
font-weight: 700;
|
||||
}
|
||||
.exam-questions .exam-group-instructions p {
|
||||
color: #050505;
|
||||
}
|
||||
.exam-session--reading .exam-questions,
|
||||
.exam-session--reading .exam-question-card legend,
|
||||
.exam-session--reading .exam-options label {
|
||||
font-size: 1rem;
|
||||
}
|
||||
@media (max-width: 760px) {
|
||||
.exam-question-card { margin-bottom: 1.4rem; }
|
||||
.exam-question-card legend { font-size: .95rem; }
|
||||
.exam-options { padding-left: 1.75rem; }
|
||||
.exam-options label { font-size: .9rem; }
|
||||
.exam-text-input,
|
||||
.exam-textarea { width: calc(100% - 1.75rem); margin-left: 1.75rem; }
|
||||
}
|
||||
@@ -0,0 +1,713 @@
|
||||
:root {
|
||||
--landing-blue: #1264e8;
|
||||
--landing-blue-dark: #0a4fbd;
|
||||
--landing-ink: #101a2d;
|
||||
--landing-muted: #5c6879;
|
||||
--landing-line: #dfe5ed;
|
||||
--landing-soft: #f3f6fa;
|
||||
--landing-white: #fcfdff;
|
||||
--landing-radius: 14px;
|
||||
}
|
||||
|
||||
body:has(.landing-page) {
|
||||
overflow-x: hidden;
|
||||
color: var(--landing-ink);
|
||||
background: var(--landing-white);
|
||||
font-family: "Segoe UI Variable", "Segoe UI", Arial, sans-serif !important;
|
||||
}
|
||||
|
||||
body:has(.landing-page) .navbar {
|
||||
min-height: 70px;
|
||||
padding-block: 10px !important;
|
||||
border-color: var(--landing-line);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
body:has(.landing-page) .navbar .container {
|
||||
max-width: 1240px;
|
||||
}
|
||||
|
||||
body:has(.landing-page) .navbar-brand {
|
||||
color: var(--landing-ink);
|
||||
font-family: inherit;
|
||||
font-size: 19px;
|
||||
letter-spacing: -.025em;
|
||||
}
|
||||
|
||||
body:has(.landing-page) .navbar-nav {
|
||||
gap: 3px;
|
||||
}
|
||||
|
||||
body:has(.landing-page) .navbar-nav .nav-link {
|
||||
padding: 8px 10px;
|
||||
color: #293448;
|
||||
font-family: inherit;
|
||||
font-size: 13.5px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
body:has(.landing-page) .navbar-nav .nav-link:hover,
|
||||
body:has(.landing-page) .navbar-nav .nav-link.active {
|
||||
color: var(--landing-blue);
|
||||
}
|
||||
|
||||
body:has(.landing-page) .navbar .btn {
|
||||
min-height: 40px;
|
||||
padding: 8px 16px;
|
||||
border-radius: 9px;
|
||||
font-family: inherit;
|
||||
font-size: 13px;
|
||||
font-weight: 650;
|
||||
}
|
||||
|
||||
body:has(.landing-page) .navbar .btn-light {
|
||||
border-color: transparent !important;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
body:has(.landing-page) .navbar .btn-light:hover {
|
||||
color: var(--landing-blue);
|
||||
background: var(--landing-soft) !important;
|
||||
}
|
||||
|
||||
body:has(.landing-page) .navbar .btn-primary {
|
||||
border-color: var(--landing-blue);
|
||||
background: var(--landing-blue);
|
||||
}
|
||||
|
||||
.landing-page,
|
||||
.landing-page * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.landing-page {
|
||||
overflow: hidden;
|
||||
color: var(--landing-ink);
|
||||
background: var(--landing-white);
|
||||
}
|
||||
|
||||
.landing-shell {
|
||||
width: min(1180px, calc(100% - 48px));
|
||||
margin-inline: auto;
|
||||
}
|
||||
|
||||
.landing-hero {
|
||||
min-height: min(690px, calc(100dvh - 70px));
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 66px 0 72px;
|
||||
border-bottom: 1px solid var(--landing-line);
|
||||
background: var(--landing-white);
|
||||
}
|
||||
|
||||
.landing-hero__grid {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(360px, .82fr) minmax(0, 1.18fr);
|
||||
align-items: center;
|
||||
gap: clamp(36px, 6vw, 82px);
|
||||
}
|
||||
|
||||
.landing-hero__grid > * {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.landing-hero__copy {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.landing-eyebrow {
|
||||
margin: 0 0 20px;
|
||||
color: var(--landing-blue);
|
||||
font-size: 12px;
|
||||
font-weight: 750;
|
||||
letter-spacing: .095em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.landing-hero h1 {
|
||||
max-width: 620px;
|
||||
margin: 0;
|
||||
color: var(--landing-ink);
|
||||
font-family: inherit;
|
||||
font-size: clamp(46px, 4vw, 56px);
|
||||
font-weight: 760;
|
||||
letter-spacing: -.055em;
|
||||
line-height: .99;
|
||||
}
|
||||
|
||||
.landing-hero h1 span {
|
||||
display: block;
|
||||
color: var(--landing-blue);
|
||||
}
|
||||
|
||||
.landing-hero__lead {
|
||||
max-width: 520px;
|
||||
margin: 26px 0 0;
|
||||
color: var(--landing-muted);
|
||||
font-size: 17px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.landing-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.landing-button {
|
||||
min-height: 46px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 8px;
|
||||
padding: 0 19px;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 10px;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;
|
||||
}
|
||||
|
||||
.landing-button:active {
|
||||
transform: translateY(1px);
|
||||
}
|
||||
|
||||
.landing-button--primary {
|
||||
color: #fff;
|
||||
background: var(--landing-blue);
|
||||
}
|
||||
|
||||
.landing-button--primary:hover {
|
||||
color: #fff;
|
||||
background: var(--landing-blue-dark);
|
||||
}
|
||||
|
||||
.landing-button--secondary {
|
||||
color: var(--landing-ink);
|
||||
border-color: #cfd7e2;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.landing-button--secondary:hover {
|
||||
color: var(--landing-blue);
|
||||
border-color: #98b9e8;
|
||||
background: #f7faff;
|
||||
}
|
||||
|
||||
.landing-hero__visual {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
overflow: hidden;
|
||||
border: 1px solid #cfd8e4;
|
||||
border-radius: var(--landing-radius);
|
||||
background: #fff;
|
||||
box-shadow: 0 26px 70px rgba(34, 66, 112, .13);
|
||||
}
|
||||
|
||||
.landing-hero__visual::before {
|
||||
position: absolute;
|
||||
inset: -24px auto auto -24px;
|
||||
width: 84px;
|
||||
height: 84px;
|
||||
border-top: 2px solid var(--landing-blue);
|
||||
border-left: 2px solid var(--landing-blue);
|
||||
content: "";
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.landing-hero__visual img {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.landing-section-heading {
|
||||
max-width: 690px;
|
||||
margin-bottom: 42px;
|
||||
}
|
||||
|
||||
.landing-section-heading h2,
|
||||
.landing-skills h2,
|
||||
.landing-routine h2,
|
||||
.landing-cta h2 {
|
||||
margin: 0;
|
||||
color: var(--landing-ink);
|
||||
font-family: inherit;
|
||||
font-size: clamp(31px, 4vw, 46px);
|
||||
font-weight: 730;
|
||||
letter-spacing: -.04em;
|
||||
line-height: 1.08;
|
||||
}
|
||||
|
||||
.landing-section-heading p,
|
||||
.landing-skills__intro > p,
|
||||
.landing-cta p {
|
||||
max-width: 620px;
|
||||
margin: 17px 0 0;
|
||||
color: var(--landing-muted);
|
||||
font-size: 16px;
|
||||
line-height: 1.65;
|
||||
}
|
||||
|
||||
.landing-proof {
|
||||
padding: 88px 0 92px;
|
||||
background: var(--landing-white);
|
||||
}
|
||||
|
||||
.landing-proof__grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
border-top: 1px solid var(--landing-line);
|
||||
}
|
||||
|
||||
.landing-proof__grid article {
|
||||
min-height: 154px;
|
||||
display: grid;
|
||||
grid-template-columns: 44px minmax(0, 1fr);
|
||||
align-items: start;
|
||||
gap: 18px;
|
||||
padding: 28px 28px 26px 0;
|
||||
border-bottom: 1px solid var(--landing-line);
|
||||
}
|
||||
|
||||
.landing-proof__grid article:nth-child(odd) {
|
||||
padding-right: 44px;
|
||||
border-right: 1px solid var(--landing-line);
|
||||
}
|
||||
|
||||
.landing-proof__grid article:nth-child(even) {
|
||||
padding-left: 44px;
|
||||
}
|
||||
|
||||
.landing-proof__grid article > i {
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
border: 1px solid #c9dcf7;
|
||||
border-radius: 10px;
|
||||
color: var(--landing-blue);
|
||||
background: #eef5ff;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.landing-proof h3 {
|
||||
margin: 1px 0 7px;
|
||||
color: var(--landing-ink);
|
||||
font-family: inherit;
|
||||
font-size: 17px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.landing-proof article p {
|
||||
max-width: 36ch;
|
||||
margin: 0;
|
||||
color: var(--landing-muted);
|
||||
font-size: 14px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.landing-skills {
|
||||
padding: 94px 0;
|
||||
border-block: 1px solid var(--landing-line);
|
||||
background: var(--landing-soft);
|
||||
}
|
||||
|
||||
.landing-skills__layout {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
|
||||
align-items: start;
|
||||
gap: clamp(50px, 9vw, 120px);
|
||||
}
|
||||
|
||||
.landing-skills__intro {
|
||||
position: sticky;
|
||||
top: 104px;
|
||||
}
|
||||
|
||||
.landing-text-link {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin-top: 26px;
|
||||
color: var(--landing-blue);
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.landing-text-link:hover {
|
||||
color: var(--landing-blue-dark);
|
||||
}
|
||||
|
||||
.landing-skill-index {
|
||||
border-top: 1px solid #cbd4df;
|
||||
}
|
||||
|
||||
.landing-skill-index > a {
|
||||
min-height: 112px;
|
||||
display: grid;
|
||||
grid-template-columns: 44px minmax(0, 1fr) auto;
|
||||
align-items: center;
|
||||
gap: 18px;
|
||||
padding: 22px 4px;
|
||||
border-bottom: 1px solid #cbd4df;
|
||||
color: var(--landing-ink);
|
||||
text-decoration: none;
|
||||
transition: color .18s ease, padding .18s ease, background-color .18s ease;
|
||||
}
|
||||
|
||||
.landing-skill-index > a:hover {
|
||||
padding-inline: 14px;
|
||||
color: var(--landing-blue);
|
||||
background: rgba(255, 255, 255, .72);
|
||||
}
|
||||
|
||||
.landing-skill-index__icon {
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
border-radius: 10px;
|
||||
color: var(--landing-blue);
|
||||
background: #e5efff;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.landing-skill-index strong,
|
||||
.landing-skill-index small {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.landing-skill-index strong {
|
||||
margin-bottom: 5px;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.landing-skill-index small {
|
||||
color: var(--landing-muted);
|
||||
font-size: 13px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.landing-skill-index > a > i {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.landing-routine {
|
||||
padding: 100px 0;
|
||||
background: var(--landing-white);
|
||||
}
|
||||
|
||||
.landing-routine > .landing-shell {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1.22fr) minmax(300px, .78fr);
|
||||
align-items: center;
|
||||
gap: clamp(48px, 7vw, 90px);
|
||||
}
|
||||
|
||||
.landing-routine__visual {
|
||||
overflow: hidden;
|
||||
border: 1px solid #cfd8e4;
|
||||
border-radius: var(--landing-radius);
|
||||
background: #fff;
|
||||
box-shadow: 0 24px 58px rgba(34, 66, 112, .1);
|
||||
}
|
||||
|
||||
.landing-routine__visual img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.landing-routine__steps {
|
||||
margin-top: 31px;
|
||||
border-top: 1px solid var(--landing-line);
|
||||
}
|
||||
|
||||
.landing-routine__steps article {
|
||||
padding: 19px 0;
|
||||
border-bottom: 1px solid var(--landing-line);
|
||||
}
|
||||
|
||||
.landing-routine__steps h3 {
|
||||
margin: 0 0 6px;
|
||||
color: var(--landing-ink);
|
||||
font-family: inherit;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.landing-routine__steps p {
|
||||
margin: 0;
|
||||
color: var(--landing-muted);
|
||||
font-size: 14px;
|
||||
line-height: 1.55;
|
||||
}
|
||||
|
||||
.landing-cta {
|
||||
padding: 0 0 88px;
|
||||
background: var(--landing-white);
|
||||
}
|
||||
|
||||
.landing-cta__inner {
|
||||
min-height: 210px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 42px;
|
||||
padding: 42px 48px;
|
||||
border: 1px solid #bfd3ef;
|
||||
border-radius: var(--landing-radius);
|
||||
background: #eaf3ff;
|
||||
}
|
||||
|
||||
.landing-cta h2 {
|
||||
max-width: 680px;
|
||||
font-size: clamp(30px, 3.6vw, 44px);
|
||||
}
|
||||
|
||||
.landing-cta p {
|
||||
max-width: 590px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
body:has(.landing-page) .site-footer {
|
||||
padding: 45px 0 20px;
|
||||
border-top: 1px solid var(--landing-line);
|
||||
background: var(--landing-white);
|
||||
}
|
||||
|
||||
body:has(.landing-page) .site-footer__grid {
|
||||
max-width: 1180px;
|
||||
grid-template-columns: 1.65fr 1fr 1fr 1fr;
|
||||
gap: 50px;
|
||||
}
|
||||
|
||||
body:has(.landing-page) .site-footer__brand {
|
||||
color: var(--landing-ink);
|
||||
font-family: inherit;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
body:has(.landing-page) .site-footer h3 {
|
||||
color: var(--landing-ink);
|
||||
font-family: inherit;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
body:has(.landing-page) .site-footer p,
|
||||
body:has(.landing-page) .site-footer a {
|
||||
font-family: inherit;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
body:has(.landing-page) .site-footer__socials a {
|
||||
border: 1px solid #d6e0ec;
|
||||
border-radius: 9px;
|
||||
color: var(--landing-blue) !important;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
body:has(.landing-page) .navbar-nav .nav-link {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.landing-hero {
|
||||
min-height: auto;
|
||||
padding: 58px 0 70px;
|
||||
}
|
||||
|
||||
.landing-hero__grid {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 50px;
|
||||
}
|
||||
|
||||
.landing-hero__copy {
|
||||
max-width: 690px;
|
||||
}
|
||||
|
||||
.landing-hero__visual {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.landing-skills__layout,
|
||||
.landing-routine > .landing-shell {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.landing-skills__intro {
|
||||
position: static;
|
||||
max-width: 650px;
|
||||
}
|
||||
|
||||
.landing-routine__content {
|
||||
max-width: 680px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
body:has(.landing-page) .navbar .container {
|
||||
width: 100% !important;
|
||||
max-width: none !important;
|
||||
margin-inline: 0 !important;
|
||||
padding-inline: 16px;
|
||||
}
|
||||
|
||||
body:has(.landing-page) .navbar-toggler {
|
||||
display: block !important;
|
||||
width: 42px;
|
||||
height: 40px;
|
||||
margin-left: auto;
|
||||
visibility: visible !important;
|
||||
}
|
||||
|
||||
.landing-shell {
|
||||
width: auto !important;
|
||||
margin-right: 16px !important;
|
||||
margin-left: 16px !important;
|
||||
}
|
||||
|
||||
.landing-hero {
|
||||
padding: 46px 0 56px;
|
||||
}
|
||||
|
||||
.landing-hero__grid {
|
||||
width: auto !important;
|
||||
display: flex !important;
|
||||
align-items: stretch;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.landing-hero h1 {
|
||||
max-width: 100%;
|
||||
font-size: clamp(36px, 10.4vw, 44px);
|
||||
line-height: 1.02;
|
||||
overflow-wrap: normal;
|
||||
}
|
||||
|
||||
.landing-hero__visual img {
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.landing-hero__lead {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.landing-hero__visual::before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.landing-hero__visual {
|
||||
width: auto !important;
|
||||
max-width: none !important;
|
||||
align-self: stretch;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.landing-proof,
|
||||
.landing-skills,
|
||||
.landing-routine {
|
||||
padding-block: 68px;
|
||||
}
|
||||
|
||||
.landing-proof__grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.landing-proof__grid article,
|
||||
.landing-proof__grid article:nth-child(odd),
|
||||
.landing-proof__grid article:nth-child(even) {
|
||||
min-height: 0;
|
||||
padding: 24px 0;
|
||||
border-right: 0;
|
||||
}
|
||||
|
||||
.landing-cta {
|
||||
padding-bottom: 64px;
|
||||
}
|
||||
|
||||
.landing-cta__inner {
|
||||
min-height: 0;
|
||||
align-items: flex-start;
|
||||
flex-direction: column;
|
||||
padding: 34px 28px;
|
||||
}
|
||||
|
||||
body:has(.landing-page) .site-footer__grid {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.landing-eyebrow {
|
||||
margin-bottom: 15px;
|
||||
font-size: 10.5px;
|
||||
}
|
||||
|
||||
.landing-actions {
|
||||
align-items: stretch;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.landing-button {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.landing-section-heading {
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
|
||||
.landing-skill-index > a {
|
||||
min-height: 100px;
|
||||
grid-template-columns: 40px minmax(0, 1fr) auto;
|
||||
gap: 13px;
|
||||
}
|
||||
|
||||
.landing-skill-index__icon {
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
.landing-skill-index strong {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.landing-skill-index small {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.landing-cta__inner {
|
||||
padding: 30px 22px;
|
||||
}
|
||||
|
||||
body:has(.landing-page) .site-footer__grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.landing-page *,
|
||||
body:has(.landing-page) .navbar * {
|
||||
scroll-behavior: auto !important;
|
||||
transition-duration: .01ms !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
:root{--lb-blue:#1264e8;--lb-ink:#10213e;--lb-muted:#66758b;--lb-line:#dce5f0;--lb-canvas:#f5f8fd;--lb-gold:#c6922f;--lb-silver:#8794a6;--lb-bronze:#a96d43;--lb-green:#168c49}
|
||||
.leaderboard-preview{overflow:hidden;border:1px solid var(--lb-line);border-radius:12px;background:#fff;color:var(--lb-ink);box-shadow:0 6px 8px rgba(16,33,62,.05)}
|
||||
.leaderboard-preview__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 26px 14px}.leaderboard-preview__header h2{margin:0!important;color:var(--lb-ink)!important;font-size:1.35rem!important;letter-spacing:-.02em}.leaderboard-preview__header p{margin:4px 0 0;color:var(--lb-muted);font-size:.78rem}.leaderboard-preview__header>span{padding:5px 8px;border-radius:6px;color:#52647b;background:#f0f4f9;font-size:.62rem;font-weight:700}
|
||||
.leaderboard-preview__tabs{display:flex;gap:30px;margin:0 26px;border-bottom:1px solid var(--lb-line)}.leaderboard-preview__tabs span{padding:9px 0;color:#65748a;font-size:.72rem;font-weight:600}.leaderboard-preview__tabs .is-active{margin-bottom:-1px;border-bottom:2px solid var(--lb-blue);color:var(--lb-blue)}
|
||||
.leaderboard-preview__podium{display:grid;grid-template-columns:repeat(3,1fr);padding:16px 18px;border-bottom:1px solid var(--lb-line)}.preview-winner{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:2px 10px;padding:0 12px;text-align:left}.preview-winner+*{border-left:1px solid var(--lb-line)}.preview-winner>b{grid-row:1/4;color:var(--lb-silver);font-size:.8rem}.preview-winner>span{display:grid;width:34px;height:34px;grid-row:1/3;place-items:center;border-radius:50%;color:#2e59a2;background:#eaf2ff;font-weight:700}.preview-winner strong,.preview-winner small{grid-column:3}.preview-winner strong{font-size:.72rem}.preview-winner small{color:var(--lb-muted);font-size:.62rem}.preview-winner--gold>b{color:var(--lb-gold)}.preview-winner--gold>span{color:#855d14;background:#fff3d4}.preview-winner--bronze>b{color:var(--lb-bronze)}.preview-winner--bronze>span{color:#86502f;background:#fae9df}
|
||||
.leaderboard-preview__rows>div{display:grid;grid-template-columns:26px 30px 1fr auto;align-items:center;gap:10px;min-height:48px;padding:7px 26px;border-bottom:1px solid #edf1f6;color:#31425a;font-size:.7rem}.leaderboard-preview__rows b{font-variant-numeric:tabular-nums}.preview-avatar,.table-avatar{display:grid;place-items:center;border-radius:50%;color:#315da6;background:#eaf2ff;font-weight:700}.preview-avatar{width:28px;height:28px}.leaderboard-preview__rows .is-current{color:var(--lb-blue);background:#f0f6ff}.leaderboard-preview__rows .is-current i{color:var(--lb-green)}
|
||||
.leaderboard-preview__link{display:flex;min-height:50px;align-items:center;gap:8px;padding:0 26px;color:var(--lb-blue);font-size:.72rem;font-weight:700;text-decoration:none}.leaderboard-preview__link:hover{color:#0e56ca;background:#fafcff}
|
||||
.leaderboard-content{min-width:0}.leaderboard-heading{margin:0 0 24px}.leaderboard-heading h1{margin:0 0 7px;font-size:1.75rem}.leaderboard-heading p{max-width:68ch;margin:0;color:var(--lb-muted);font-size:.82rem;line-height:1.55}
|
||||
.rank-summary{display:grid;grid-template-columns:150px 150px 1fr 1.25fr;align-items:center;margin-bottom:22px;border:1px solid var(--lb-line);border-radius:12px;background:#fff}.rank-summary>*{min-height:118px;padding:22px;border-right:1px solid var(--lb-line)}.rank-summary>*:last-child{border-right:0}.rank-summary span,.rank-summary small{display:block}.rank-summary>div>span{color:var(--lb-muted);font-size:.67rem}.rank-summary__primary strong,.rank-summary__band strong{display:block;margin:4px 0;color:var(--lb-ink);font-size:1.8rem;line-height:1}.rank-summary small{color:#78879b;font-size:.6rem;line-height:1.4}.rank-summary__band small{color:var(--lb-green)}.rank-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0}.rank-summary dl div+div{padding-left:18px;border-left:1px solid var(--lb-line)}.rank-summary dt{color:var(--lb-muted);font-size:.65rem;font-weight:500}.rank-summary dd{margin:4px 0 0;color:var(--lb-ink);font-size:.93rem;font-weight:700}.rank-summary__message{display:flex;justify-content:center;flex-direction:column}.rank-summary__message p{margin:0 0 12px;color:#435570;font-size:.7rem;line-height:1.5}.rank-progress{overflow:hidden;height:6px;border-radius:6px;background:#e9eef5}.rank-progress span{display:block;height:100%;border-radius:inherit;background:var(--lb-blue)}
|
||||
.leaderboard-board{overflow:hidden;border:1px solid var(--lb-line);border-radius:12px;background:#fff}.leaderboard-controls{padding:15px 20px;border-bottom:1px solid var(--lb-line)}.leaderboard-controls>nav{display:flex;gap:5px}.leaderboard-controls>nav a{padding:9px 12px;border-radius:7px;color:#617086;font-size:.7rem;font-weight:650;text-decoration:none}.leaderboard-controls>nav a.is-active{color:var(--lb-blue);background:#edf4ff}
|
||||
.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table caption{padding:16px 20px;caption-side:top;color:var(--lb-ink);font-size:.88rem;font-weight:700;text-align:left}.leaderboard-table th{padding:10px 18px;border-top:1px solid var(--lb-line);border-bottom:1px solid var(--lb-line);color:#718097;background:#f8fafc;font-size:.61rem;font-weight:700;text-align:left;text-transform:uppercase}.leaderboard-table td{height:58px;padding:9px 18px;border-bottom:1px solid #edf1f6;color:#495b73;font-size:.69rem}.leaderboard-table tbody tr:last-child td{border-bottom:0}.leaderboard-table tr.is-current td{color:#1559bd;background:#f0f6ff}.leaderboard-table td:nth-child(2){display:flex;align-items:center;gap:10px}.table-avatar{width:32px;height:32px;flex:0 0 32px}.leaderboard-table td strong{color:var(--lb-ink)}.leaderboard-table td em{color:var(--lb-blue);font-style:normal}.leaderboard-table td small{margin-left:auto;color:#8a96a8;font-size:.55rem}.trend{display:grid;width:27px;height:27px;place-items:center;border-radius:7px}.trend--up{color:var(--lb-green);background:#edf8f1}.trend--down{color:#bd4b4b;background:#fff1f1}.trend--same{color:#69788c;background:#f1f4f8}
|
||||
@media(max-width:1050px){.rank-summary{grid-template-columns:1fr 1fr}.rank-summary>*{border-bottom:1px solid var(--lb-line)}.rank-summary>*:nth-child(2){border-right:0}.rank-summary>*:nth-last-child(-n+2){border-bottom:0}}
|
||||
@media(max-width:780px){.leaderboard-preview__header{padding:18px}.leaderboard-preview__tabs{margin:0 18px}.leaderboard-preview__podium{padding-inline:6px}.preview-winner{gap:2px 6px;padding-inline:6px}.preview-winner>span{width:30px;height:30px}.leaderboard-preview__rows>div{padding-inline:18px}.leaderboard-controls>nav{display:grid;grid-template-columns:repeat(3,1fr)}.leaderboard-controls>nav a{text-align:center}.leaderboard-table thead{display:none}.leaderboard-table,.leaderboard-table tbody,.leaderboard-table tr,.leaderboard-table td{display:block;width:100%}.leaderboard-table tbody{padding:0 14px 14px}.leaderboard-table tr{display:grid;grid-template-columns:1fr 1fr;margin-top:10px;padding:12px;border:1px solid var(--lb-line);border-radius:10px}.leaderboard-table td{display:flex!important;height:auto;min-height:32px;align-items:center;justify-content:space-between;gap:10px;padding:5px 8px;border:0}.leaderboard-table td:before{color:#7a8799;content:attr(data-label);font-size:.58rem;font-weight:600}.leaderboard-table td:nth-child(2){grid-column:1/-1;grid-row:1}.leaderboard-table td:nth-child(2):before{display:none}.leaderboard-table td small{margin-left:0}}
|
||||
@media(max-width:520px){.leaderboard-preview__podium{grid-template-columns:1fr}.preview-winner{grid-template-columns:auto auto 1fr;justify-content:stretch;padding:8px}.preview-winner+*{border-top:1px solid var(--lb-line);border-left:0}.preview-winner>b{grid-row:1}.preview-winner>span{grid-row:1}.preview-winner strong,.preview-winner small{grid-column:3}.preview-winner small{grid-row:2}.rank-summary{grid-template-columns:1fr}.rank-summary>*{min-height:auto;border-right:0!important;border-bottom:1px solid var(--lb-line)!important}.rank-summary>*:last-child{border-bottom:0!important}}
|
||||
@media(prefers-reduced-motion:reduce){.leaderboard-preview a,.leaderboard-page a{transition:none}}
|
||||
@@ -0,0 +1,172 @@
|
||||
/* Computer-delivered IELTS Listening rhythm: calm white canvas, plain paper questions. */
|
||||
.exam-session--listening { background: #fff; }
|
||||
.exam-session--listening .exam-session-form { display: flex; flex-direction: column; background: #fff; }
|
||||
.exam-session--listening .exam-utility-bar {
|
||||
order: -1;
|
||||
position: sticky;
|
||||
z-index: 30;
|
||||
top: 0;
|
||||
position: relative;
|
||||
min-height: 4rem;
|
||||
max-width: none;
|
||||
padding: .45rem 1.5rem;
|
||||
border-bottom: 1px solid #e1e5ea;
|
||||
background: #fff;
|
||||
}
|
||||
.exam-session--listening .exam-utility-bar > div:first-child > span { color: #263545; font-size: .82rem; }
|
||||
.exam-session--listening .exam-utility-bar .exam-session-controls { position: static; }
|
||||
.exam-session--listening .exam-utility-bar .exam-timer-wrap {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
display: flex;
|
||||
gap: .35rem;
|
||||
align-items: baseline;
|
||||
color: #050505;
|
||||
font-size: .95rem;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.exam-session--listening .exam-utility-bar .exam-timer-wrap > span { color: #050505; font-size: .95rem; }
|
||||
.exam-session--listening .exam-utility-bar .exam-timer-wrap strong { color: #050505; font-size: .95rem; }
|
||||
.exam-session--listening .exam-utility-bar .exam-session-controls { margin-left: auto; }
|
||||
.exam-session--listening .exam-utility-bar .exam-fullscreen-button,
|
||||
.exam-session--listening .exam-utility-bar .exam-retake-button {
|
||||
min-width: 2.35rem;
|
||||
min-height: 2.35rem;
|
||||
padding: .45rem .7rem;
|
||||
border: 1px solid #d8dee5;
|
||||
border-radius: 50%;
|
||||
color: #24354a;
|
||||
background: #fff;
|
||||
font-size: .78rem;
|
||||
}
|
||||
.exam-session--listening .exam-utility-bar .exam-fullscreen-button span,
|
||||
.exam-session--listening .exam-utility-bar .exam-retake-button span { display: none; }
|
||||
.listening-part-banner {
|
||||
display: grid;
|
||||
gap: .5rem;
|
||||
margin: 1rem .55rem 0;
|
||||
padding: .72rem 1rem;
|
||||
border: 1px solid #d5d8d0;
|
||||
border-radius: .35rem;
|
||||
color: #050505;
|
||||
background: #f3f3ee;
|
||||
font-size: 1rem;
|
||||
line-height: 1.35;
|
||||
}
|
||||
.listening-part-banner strong { font-size: 1rem; }
|
||||
.exam-session--listening .exam-workspace--listening {
|
||||
max-width: none !important;
|
||||
padding: 1.9rem clamp(1.25rem, 2.25vw, 2rem) 5rem !important;
|
||||
background: #fff !important;
|
||||
}
|
||||
.exam-session--listening .exam-workspace--listening .exam-questions { max-width: none !important; margin: 0; }
|
||||
.exam-session--listening .exam-workspace--listening .exam-audio {
|
||||
max-width: none !important;
|
||||
margin: 0 0 1.5rem !important;
|
||||
padding: .7rem 0;
|
||||
border: 0;
|
||||
border-bottom: 1px solid #dfe3e8;
|
||||
border-radius: 0;
|
||||
background: transparent;
|
||||
}
|
||||
.exam-session--listening .exam-workspace--listening .exam-question-group {
|
||||
min-height: 0;
|
||||
margin: 0 0 2.25rem !important;
|
||||
padding: 0 !important;
|
||||
border: 0 !important;
|
||||
background: transparent !important;
|
||||
}
|
||||
.exam-session--listening .exam-workspace--listening .exam-group-instructions { margin-bottom: 1.5rem !important; }
|
||||
.exam-session--listening .exam-workspace--listening .exam-group-instructions h2 { margin-bottom: .8rem; font-size: 1.05rem !important; }
|
||||
.exam-session--listening .exam-workspace--listening .exam-group-sheet { font-size: 1rem !important; }
|
||||
.exam-session--listening .exam-workspace--listening .exam-group-sheet h2,
|
||||
.exam-session--listening .exam-workspace--listening .exam-group-sheet h3 { font-size: 1.08rem !important; text-align: left; }
|
||||
.exam-session--listening .exam-workspace--listening .exam-inline-number { display: none; }
|
||||
.exam-session--listening .exam-workspace--listening .exam-inline-input {
|
||||
width: 9rem;
|
||||
height: 1.7rem;
|
||||
padding: 0 .4rem;
|
||||
border: 1px solid #151515;
|
||||
border-radius: .25rem;
|
||||
box-shadow: none;
|
||||
text-align: center;
|
||||
}
|
||||
.exam-session--listening .exam-workspace--listening .exam-inline-input::placeholder { color: #050505; opacity: 1; font-weight: 700; }
|
||||
.exam-session--listening .exam-workspace--listening .exam-group-sheet table { border-color: #bac9df; }
|
||||
.exam-session--listening .exam-workspace--listening .exam-group-sheet th { background: #dbe8fa; }
|
||||
.exam-session--listening .exam-workspace--listening .exam-group-sheet th,
|
||||
.exam-session--listening .exam-workspace--listening .exam-group-sheet td { border-color: #c3d0e1; }
|
||||
.exam-session--listening .exam-workspace--listening .exam-question-card {
|
||||
margin: 0 0 1.85rem;
|
||||
padding: 0;
|
||||
}
|
||||
.exam-session--listening .exam-workspace--listening .exam-question-card legend {
|
||||
gap: .55rem;
|
||||
margin-bottom: .85rem;
|
||||
color: #050505;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.45;
|
||||
}
|
||||
.exam-session--listening .exam-workspace--listening .exam-question-card legend > span:first-child {
|
||||
display: inline-grid;
|
||||
width: auto;
|
||||
min-width: 1.35rem;
|
||||
height: 1.35rem;
|
||||
padding: 0 .16rem;
|
||||
place-items: center;
|
||||
border: 0;
|
||||
border-radius: .25rem;
|
||||
color: #050505;
|
||||
background: transparent;
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
}
|
||||
.exam-session--listening .exam-workspace--listening .exam-question-card:focus legend > span:first-child {
|
||||
border: 2px solid #10243e;
|
||||
}
|
||||
.exam-session--listening .exam-workspace--listening .exam-options {
|
||||
gap: .58rem;
|
||||
padding-left: .65rem;
|
||||
}
|
||||
.exam-session--listening .exam-workspace--listening .exam-options label {
|
||||
gap: .7rem;
|
||||
padding: 0;
|
||||
border: 0 !important;
|
||||
color: #050505;
|
||||
background: transparent !important;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.35;
|
||||
}
|
||||
.exam-session--listening .exam-workspace--listening .exam-options input[type="radio"] {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-top: .18rem;
|
||||
accent-color: #1b2737;
|
||||
}
|
||||
.exam-session--listening .exam-workspace--listening .exam-options label:has(input:checked) {
|
||||
color: #050505;
|
||||
font-weight: 600;
|
||||
}
|
||||
.exam-session--listening .exam-question-nav { border-top-color: #dfe3e8; background: #fff; box-shadow: none; }
|
||||
.exam-session--listening .exam-question-number { border: 0; border-radius: 0; color: #10243e; background: transparent; }
|
||||
.exam-session--listening .exam-question-number.is-current { border: 2px solid #10243e; border-radius: .3rem; color: #10243e; background: #fff; box-shadow: none; transform: none; }
|
||||
.exam-session--listening .exam-question-number.is-answered { color: #10243e; background: #eef1f3; }
|
||||
.exam-session--listening .exam-nav-button { border: 0; border-radius: .35rem; color: #fff; background: #555; }
|
||||
.exam-session--listening .exam-nav-button:disabled { color: #fff; background: #dcdfe2; opacity: 1; }
|
||||
.exam-session--listening .exam-bottom-submit { border: 0; border-radius: .35rem; color: #444; background: #e5e7e7; }
|
||||
@media (max-width: 650px) {
|
||||
.exam-session--listening .exam-utility-bar { min-height: 3.5rem; padding: .45rem .8rem; }
|
||||
.exam-session--listening .exam-utility-bar > div:first-child { display: none; }
|
||||
.exam-session--listening .exam-utility-bar .exam-timer-wrap { left: .8rem; font-size: .82rem; transform: translateY(-50%); }
|
||||
.exam-session--listening .exam-utility-bar .exam-timer-wrap > span,
|
||||
.exam-session--listening .exam-utility-bar .exam-timer-wrap strong { font-size: .82rem; }
|
||||
.exam-session--listening .exam-utility-bar .exam-retake-button { display: none; }
|
||||
.listening-part-banner { margin: .65rem .5rem 0; }
|
||||
.exam-session--listening .exam-workspace--listening { padding: 1.35rem 1rem 5rem !important; }
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
/* IELTS-style worksheet treatment for grouped Listening questions. */
|
||||
.exam-session--listening{background:#fff}.exam-session--listening .exam-session-form{background:#fff}.exam-session--listening .exam-utility-bar{max-width:none;padding:12px 5%;background:#fff}.exam-session--listening .exam-workspace--wide{max-width:1100px!important;padding-top:26px!important;background:#fff}.exam-session--listening .exam-questions{color:#000;font-family:Arial,"Helvetica Neue",sans-serif}.exam-session--listening .exam-question-intro{margin:0 0 18px}.exam-session--listening .exam-question-intro h2{font-size:18px;font-weight:700}.exam-session--listening .exam-question-intro p{color:#243750;font-size:15px}.exam-session--listening .exam-question-group{margin:0 0 28px;color:#000}.exam-session--listening .exam-group-instructions{margin:0 0 18px}.exam-session--listening .exam-group-instructions h2{margin:0 0 14px;font-size:18px;font-weight:700;line-height:1.35}.exam-session--listening .exam-group-instructions p{margin:0 0 12px;color:#000;font-size:17px;line-height:1.55}.exam-session--listening .exam-group-sheet{padding:0;border:0;background:#fff;font-size:17px;line-height:1.45}.exam-session--listening .exam-group-sheet>h2,.exam-session--listening .exam-group-sheet>h3{margin:0 0 22px;color:#000;font-size:25px;font-weight:700;line-height:1.25;text-align:center}.exam-session--listening .exam-group-sheet table{width:100%;border:1px solid #1f2937;border-collapse:collapse;color:#000;font-size:17px;line-height:1.45}.exam-session--listening .exam-group-sheet th,.exam-session--listening .exam-group-sheet td{padding:10px 12px;border:1px solid #1f2937;color:#000;background:#fff;vertical-align:top}.exam-session--listening .exam-group-sheet th{font-weight:700;text-align:center}.exam-session--listening .exam-group-sheet td:first-child{width:18%;font-weight:500}.exam-session--listening .exam-group-sheet td:nth-child(2){width:19%}.exam-session--listening .exam-group-sheet td:nth-child(3){width:16%}.exam-session--listening .exam-group-sheet td:last-child{width:47%}.exam-session--listening .exam-group-sheet ul,.exam-session--listening .exam-group-sheet ol{margin:0;padding-left:21px}.exam-session--listening .exam-group-sheet li{margin:0 0 4px;padding-left:1px;color:#000;font-size:17px;line-height:1.45}.exam-session--listening .exam-inline-question{gap:5px;vertical-align:baseline}.exam-session--listening .exam-inline-number{width:21px;height:21px;flex-basis:21px;border:1px solid #c9d0d8;border-radius:50%;color:#657184;font-family:Arial,"Helvetica Neue",sans-serif;font-size:11px}.exam-session--listening .exam-inline-input{width:118px;height:37px;padding:0 8px;border:1px solid #d4d9df;border-radius:6px;color:#000;font-family:Arial,"Helvetica Neue",sans-serif;font-size:16px;box-shadow:0 1px 3px rgb(15 23 42 / .08)}.exam-session--listening .exam-inline-input:focus{border-color:#1264e8;box-shadow:0 0 0 3px rgb(18 100 232 / .14)}.exam-session--listening .exam-question-card{margin-bottom:0;padding:0;border:0;border-radius:0;box-shadow:none}.exam-session--listening .exam-question-card+ .exam-question-card{margin-top:22px}.exam-session--listening .exam-question-card legend{font-size:17px}.exam-session--listening .exam-options{padding-left:0}.exam-session--listening .exam-options label{padding:10px 0;border:0;border-bottom:1px solid #d7dde5;border-radius:0;color:#000;font-size:16px}.exam-session--listening .exam-options label:has(input:checked){color:#000;background:transparent}.exam-session--listening .exam-question-nav{border-top:1px solid #d8dde5;background:#fff;box-shadow:0 -2px 8px rgb(15 23 42 / .04)}.exam-session--listening .exam-question-number{border-radius:6px}.exam-session--listening .exam-bottom-submit{border-radius:6px}@media(max-width:760px){.exam-session--listening .exam-workspace--wide{padding:21px 4% 55px!important}.exam-session--listening .exam-group-sheet{overflow-x:auto}.exam-session--listening .exam-group-sheet table{min-width:650px}.exam-session--listening .exam-group-sheet>h2,.exam-session--listening .exam-group-sheet>h3{font-size:21px}.exam-session--listening .exam-group-instructions p,.exam-session--listening .exam-group-sheet table,.exam-session--listening .exam-group-sheet li{font-size:16px}}
|
||||
/* A4 worksheet mode: grouped Listening tasks read like a real IELTS paper. */
|
||||
.exam-session--listening .exam-workspace--wide{max-width:none!important;min-height:calc(100vh - 4.5rem);padding:2rem clamp(1rem,5vw,4rem) 5rem!important;background:#fff!important}.exam-session--listening .exam-questions{max-width:794px!important;margin:0 auto}.exam-session--listening .exam-question-group{width:100%;min-height:1123px;margin:0 0 2rem!important;padding:3rem 4.25rem 4rem!important;border:1.5px solid #171717!important;background:#fff!important;box-sizing:border-box}.exam-session--listening .exam-question-group .exam-group-instructions{margin-bottom:1.65rem!important}.exam-session--listening .exam-question-group .exam-group-instructions h2{font-size:1.05rem!important;letter-spacing:0}.exam-session--listening .exam-question-group .exam-group-sheet{font-size:1rem!important}.exam-session--listening .exam-audio{max-width:794px!important;margin:0 auto 1.25rem!important;background:#fff}@media(max-width:840px){.exam-session--listening .exam-workspace--wide{padding:1rem 0 4rem!important;background:#fff!important}.exam-session--listening .exam-question-group{min-height:0;padding:1.5rem clamp(1rem,5vw,2rem) 2rem!important;border-width:1px!important}.exam-session--listening .exam-audio{margin-right:1rem!important;margin-left:1rem!important}}
|
||||
@@ -0,0 +1 @@
|
||||
img,svg,video{max-width:100%}@media(max-width:767px){body{font-size:15px}.container{width:min(100% - 32px,1180px)}.navbar .container{width:min(100% - 24px,1180px)}.navbar-brand{font-size:18px!important}.brand-icon{width:28px;height:28px;margin-right:7px}.navbar-collapse{padding:8px 0 12px}.navbar-nav{margin:0!important}.navbar-actions{width:100%}.navbar-actions .btn{font-size:.8rem!important}.hero{background:radial-gradient(circle at 75% 92%,#e8f1ff 0 20%,transparent 20.1%)}.hero-container{display:flex!important;gap:30px;padding:44px 0 56px!important;flex-direction:column}.hero-left{padding-left:0!important}.hero-badge{padding:8px 12px;font-size:.72rem}.hero h1{margin:15px 0 14px!important;letter-spacing:-1.1px}.hero-left>p{font-size:.96rem!important}.hero-right{width:100%}.hero-device{width:min(100%,390px)!important}.feature-card,.test-card{min-height:0!important;margin-bottom:12px}.how-it-works .col-md-3{margin-bottom:25px}.how-it-works .col-md-3:last-child{margin-bottom:0}.site-cta{margin-top:8px}.site-cta__inner{min-height:0;padding:28px 0}.site-footer{padding-top:35px}.info-page,.contact-page{min-height:0}.info-page__inner,.contact-page__layout{width:min(100% - 32px,880px)}.contact-page__layout{gap:30px}.contact-page__detail{margin-top:21px}.contact-card{padding:23px 18px}.auth-page{min-height:calc(100vh - 60px)}.auth-card{border-radius:14px}.catalogue-hero{padding:34px 4%}.catalogue-hero h1{font-size:2rem}.catalogue-summary{gap:11px}.catalogue-summary strong{font-size:1.1rem}.catalogue-summary span{font-size:.58rem}.catalogue-card__footer{align-items:stretch;flex-direction:column}.test-action{justify-content:center}.dashboard-page{padding-top:22px}.dashboard-heading{gap:16px;margin-bottom:18px}.dashboard-heading h1{font-size:1.55rem}.dashboard-heading p{font-size:.77rem}.dashboard-primary-btn{width:100%}.dashboard-stats{grid-template-columns:1fr 1fr;gap:9px}.dashboard-stat-card{gap:8px;padding:13px}.dashboard-stat-card strong{font-size:1rem}.dashboard-stat-card div span{font-size:.58rem}.stat-icon{width:34px;height:34px;font-size:.9rem}.dashboard-panel{padding:17px}.skills-list{gap:16px}.recent-item{grid-template-columns:auto minmax(0,1fr) auto;gap:9px}.recent-main strong{font-size:.72rem}.recent-main span{font-size:.59rem}.recent-meta{display:none}.dashboard-sidebar{border-radius:13px}.dashboard-menu a{font-size:.72rem}.exam-session-header{gap:10px;padding:10px 14px!important}.exam-session-title{min-width:0}.exam-session-title p{display:none!important}.exam-session-title h1{font-size:.84rem!important}.exam-session-controls{gap:6px}.exam-retake-button{padding:7px 8px}.exam-timer-wrap{min-width:72px!important;padding:4px 6px!important}.exam-timer-wrap strong{font-size:.9rem!important}.exam-fullscreen-button{padding:7px 8px}.exam-fullscreen-button span{display:none}.exam-session--reading .exam-workspace--split{display:block!important}.exam-session--reading .exam-passage,.exam-session--reading .exam-questions{padding:17px 16px 25px!important}.exam-question-nav{position:sticky;bottom:0;z-index:15}.exam-question-actions{gap:5px}.exam-bottom-submit{padding:8px 10px}.results-summary{grid-template-columns:1fr!important}.results-actions{align-items:stretch;text-align:center}.results-actions form,.results-actions a{width:100%}.results-actions button{width:100%}}@media(max-width:430px){.hero-buttons{display:grid!important;grid-template-columns:1fr}.hero-buttons a{width:100%}.hero-device{width:100%!important}.dashboard-stats{grid-template-columns:1fr}.dashboard-stat-card{padding:14px}.catalogue-filters a{padding:9px 10px}.exam-session-title>span{display:none}.exam-question-actions .exam-nav-button span{display:none}.exam-question-actions .exam-nav-button{padding:8px 10px}.exam-question-numbers{gap:5px}.exam-question-number{width:30px!important;height:30px!important;flex-basis:30px!important}.exam-retake-button span{display:none}.site-messages{top:68px}.site-message{font-size:.75rem}.info-page h1,.contact-page h1{font-size:1.9rem}.auth-card{padding:26px 19px}}
|
||||
@@ -0,0 +1,40 @@
|
||||
/* Make nav links bigger and bolder */
|
||||
.navbar-nav .nav-link {
|
||||
font-size: 20px; /* larger text */
|
||||
font-weight: 600; /* semi-bold */
|
||||
color: #111827; /* dark gray */
|
||||
padding: 12px 18px; /* more clickable area */
|
||||
transition: color .2s;
|
||||
}
|
||||
|
||||
/* Hover effect */
|
||||
.navbar-nav .nav-link:hover {
|
||||
color: #4F46E5; /* highlight color */
|
||||
}
|
||||
.navbar {
|
||||
background-color: #fff !important; /* keep navbar white */
|
||||
border-bottom: 1px solid rgba(0,0,0,0.1); /* barely visible line */
|
||||
}
|
||||
|
||||
|
||||
|
||||
.navbar .btn-light:hover {
|
||||
background: #ffe082;
|
||||
color: #111;
|
||||
}
|
||||
.nav-premium-link{display:inline-flex;align-items:center;gap:6px;margin-right:10px;padding:8px 10px;border-radius:8px;color:#315575;background:#eef5fc;font-size:.7rem;font-weight:700;text-decoration:none}.nav-premium-link:hover{color:#096be5;background:#e4f0ff}.nav-premium-link.is-active{color:#117344;background:#e8f7ef}@media(max-width:991px){.nav-premium-link{justify-content:center;width:100%;margin:0}}
|
||||
|
||||
/* Keep authenticated actions aligned as one compact desktop group. */
|
||||
.navbar-collapse{min-width:0}
|
||||
.navbar-actions{display:flex;align-items:center;flex:0 0 auto;flex-wrap:nowrap;gap:8px;white-space:nowrap}
|
||||
.navbar-actions .btn{min-height:42px;margin:0!important}
|
||||
.nav-premium-link{min-height:42px;margin:0;padding:0 12px;border:1px solid #d7e5f2;background:#f7faff}
|
||||
.nav-premium-link.is-active{border-color:#cce8d8;background:#edf8f2}
|
||||
@media(max-width:1280px) and (min-width:992px){
|
||||
.navbar-nav{gap:18px}
|
||||
.navbar-nav .nav-link{padding-right:5px!important;padding-left:5px!important}
|
||||
}
|
||||
@media(max-width:991px){
|
||||
.navbar-actions{width:100%;flex-wrap:wrap}
|
||||
.nav-premium-link{width:100%}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.premium-page{min-height:calc(100vh - 76px);padding:52px 5% 70px;color:#11233d;background:#f5f8fd}.premium-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:54px;max-width:1120px;margin:0 auto;align-items:center}.premium-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:30px;color:#52647e;font-size:.78rem;font-weight:600;text-decoration:none}.premium-back:hover{color:#0871ef}.premium-status{display:inline-flex;align-items:center;gap:7px;margin-bottom:17px;padding:7px 10px;border-radius:8px;color:#175ea9;background:#e5f1ff;font-size:.72rem;font-weight:700}.premium-status--active{color:#117344;background:#e8f7ef}.premium-copy h1{max-width:650px;margin:0 0 17px;color:#0e2039;font-size:3rem;line-height:1.04;letter-spacing:-.035em;text-wrap:balance}.premium-copy>p{max-width:650px;margin:0;color:#536781;font-size:1rem;line-height:1.7;text-wrap:pretty}.premium-benefits{display:grid;gap:19px;margin:31px 0 0;padding:0;list-style:none}.premium-benefits li{display:flex;align-items:flex-start;gap:12px}.premium-benefits li>i{display:grid;width:24px;height:24px;flex:0 0 24px;place-items:center;border-radius:50%;color:#fff;background:#0871ef;font-size:.72rem}.premium-benefits span,.premium-benefits strong{display:block}.premium-benefits strong{margin-bottom:3px;font-size:.9rem}.premium-benefits span{color:#60718a;font-size:.78rem;line-height:1.5}.premium-purchase{padding:28px;border-radius:16px;color:#fff;background:#102b51}.premium-purchase__heading{display:flex;align-items:center;justify-content:space-between;color:#aecdff;font-size:.72rem;font-weight:700}.premium-purchase__heading i{font-size:1.55rem}.premium-purchase h2{margin:24px 0 7px;font-size:1.65rem}.premium-purchase>p{margin:0;color:#c4d5eb;font-size:.79rem;line-height:1.55}.premium-includes{display:grid;gap:12px;margin:26px 0;padding:22px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.premium-includes span{display:flex;align-items:center;gap:9px;color:#e4edf8;font-size:.75rem}.premium-includes i{color:#69d29b}.premium-action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border-radius:9px;color:#082143;background:#fff;font-size:.8rem;font-weight:750;text-decoration:none;transition:background-color .2s ease,color .2s ease}.premium-action:hover{color:#fff;background:#0871ef}.premium-purchase small{display:block;margin-top:12px;color:#9eb3ce;font-size:.64rem;line-height:1.5;text-align:center}.premium-assurance{display:flex;justify-content:center;gap:50px;max-width:1120px;margin:52px auto 0;padding-top:28px;border-top:1px solid #dae4f0}.premium-assurance>div{display:flex;align-items:center;gap:10px}.premium-assurance i{color:#0871ef;font-size:1.15rem}.premium-assurance span,.premium-assurance strong{display:block}.premium-assurance strong{font-size:.76rem}.premium-assurance span{color:#6a7b92;font-size:.66rem}@media(max-width:850px){.premium-shell{grid-template-columns:1fr;gap:35px}.premium-copy h1{font-size:2.5rem}.premium-purchase{max-width:520px}.premium-assurance{justify-content:flex-start;gap:22px;flex-wrap:wrap}}@media(max-width:520px){.premium-page{padding:34px 5% 50px}.premium-copy h1{font-size:2.05rem}.premium-copy>p{font-size:.86rem}.premium-purchase{padding:23px}.premium-assurance{display:grid;margin-top:38px}.premium-action{min-height:44px}}
|
||||
@@ -0,0 +1 @@
|
||||
.analytics-section{margin:0 0 18px}.analytics-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 15px}.analytics-heading>div>span,.analytics-card__heading>div>span{display:block;margin-bottom:5px;color:#0871ef;font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.analytics-heading h2{margin:0;color:#10213e;font-size:1.22rem}.analytics-heading p{margin:4px 0 0;color:#7c899d;font-size:.69rem}.analytics-study-time{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;color:#54657e;background:#edf5ff;font-size:.66rem;font-weight:700;white-space:nowrap}.analytics-study-time i{color:#0871ef}.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.analytics-card{min-height:218px;padding:19px;border:1px solid #e2e9f2;border-radius:15px;background:#fff;box-shadow:0 8px 25px rgba(16,33,62,.045)}.analytics-card__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.analytics-card__heading h3{margin:0;color:#162842;font-size:.94rem}.analytics-card__heading>b{padding:5px 7px;border-radius:7px;font-size:.62rem}.analytics-card__heading>b.is-positive{color:#168d4b;background:#eaf8ef}.analytics-card__heading>b.is-negative{color:#c9444b;background:#fff0f1}.analytics-card__heading>i{display:grid;width:31px;height:31px;place-items:center;border-radius:9px;color:#0871ef;background:#edf5ff;font-size:.88rem}.trend-chart{display:flex;height:142px;align-items:flex-end;justify-content:space-around;gap:8px;margin-top:13px;padding:0 2px;border-bottom:1px solid #e9eef5}.trend-chart__item{display:grid;height:100%;min-width:32px;align-items:end;justify-items:center;grid-template-rows:auto 1fr auto;gap:5px;flex:1}.trend-chart__value{color:#52627a;font-size:.58rem;font-weight:700;white-space:nowrap}.trend-chart__bar-wrap{display:flex;width:100%;height:100%;align-items:flex-end;justify-content:center}.trend-chart__bar{display:block;width:min(22px,70%);border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#58a0fb,#0871ef);box-shadow:0 5px 11px rgba(8,113,239,.16);min-height:8px}.trend-chart__item small{color:#8996a9;font-size:.52rem;white-space:nowrap}.question-type-list{display:grid;gap:13px;margin-top:21px}.question-type-list>div{display:grid;grid-template-columns:1fr auto;gap:5px 10px}.question-type-list span,.question-type-list strong{font-size:.67rem}.question-type-list span{color:#596980;font-weight:600}.question-type-list strong{color:#24354e}.question-type-list>div>div{grid-column:1/-1;overflow:hidden;height:7px;border-radius:8px;background:#edf1f6}.question-type-list i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0871ef,#69a9fb)}.weak-area{display:flex;align-items:center;gap:11px;margin:23px 0 13px}.weak-area strong,.weak-area p{display:block;margin:0}.weak-area strong{font-size:.83rem}.weak-area p,.weak-area__note,.streak-note{color:#7b899d;font-size:.65rem}.weak-area__note{margin:0 0 13px;line-height:1.55}.analytics-card a{color:#0871ef;font-size:.67rem;font-weight:700;text-decoration:none}.streak-total{color:#0871ef;font-size:1rem}.streak-total small{color:#8290a4;font-size:.58rem}.streak-week{display:flex;justify-content:space-between;gap:5px;margin:28px 0 13px}.streak-week>span{display:grid;justify-items:center;gap:5px;color:#98a5b6;font-size:.54rem}.streak-week i{display:grid;width:24px;height:24px;place-items:center;border:1px solid #dfe7f0;border-radius:50%;color:transparent;background:#f7f9fc;font-size:.58rem}.streak-week>span.is-active{color:#168d4b;font-weight:700}.streak-week>span.is-active i{border-color:#60c48b;color:#fff;background:#29ac65;box-shadow:0 4px 9px rgba(41,172,101,.2)}.streak-note{margin:0;line-height:1.55}.analytics-empty{display:grid;min-height:135px;place-items:center;text-align:center;align-content:center;gap:8px;color:#8492a5}.analytics-empty i{font-size:1.25rem;color:#9dc4f6}.analytics-empty p{max-width:210px;margin:0;font-size:.66rem;line-height:1.55}@media(max-width:700px){.analytics-heading{align-items:flex-start;flex-direction:column}.analytics-grid{grid-template-columns:1fr}.analytics-card{min-height:195px}}@media(max-width:430px){.analytics-heading h2{font-size:1.1rem}.analytics-study-time{width:100%;justify-content:center}.analytics-card{padding:16px}.trend-chart{gap:3px}.trend-chart__item{min-width:25px}.trend-chart__bar{width:16px}.trend-chart__item small{font-size:.48rem}}
|
||||
@@ -0,0 +1,24 @@
|
||||
:root{--review-blue:#1463e9;--review-navy:#10213e;--review-muted:#718097;--review-line:#dce6f2;--review-green:#159653;--review-red:#d83b3b}
|
||||
.reader-review-page{height:calc(100vh - 71px);min-height:610px;overflow:hidden;color:var(--review-navy);background:#f5f8fd}
|
||||
.reader-review-head{display:grid;height:104px;grid-template-columns:minmax(320px,1.35fr) minmax(160px,.7fr) minmax(190px,.75fr) auto;align-items:center;gap:25px;padding:13px 3.4%;border-bottom:1px solid var(--review-line);background:#fff}
|
||||
.reader-review-head article,.reader-review-title{display:flex;align-items:center;gap:12px;min-width:0}.reader-review-title>a{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;border:1px solid #d9e4f1;border-radius:8px;color:#54708e;text-decoration:none}.reader-review-title>a:hover{color:var(--review-blue);background:#f4f8ff}.reader-head-icon{display:grid;width:43px;height:43px;flex:0 0 43px;place-items:center;border-radius:11px;color:var(--review-blue);background:#eaf2ff}.reader-head-icon--green{color:var(--review-green);background:#e9f8f0}.reader-review-head small,.reader-review-head strong,.reader-review-head em{display:block}.reader-review-head small{margin-bottom:3px;color:var(--review-muted);font-size:.61rem}.reader-review-head h1{overflow:hidden;margin:0;font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.reader-review-head strong{font-size:.94rem}.reader-review-head em{margin-top:2px;color:#8090a4;font-size:.5rem;font-style:normal}.reader-review-head form{margin:0}.reader-review-head form button{display:inline-flex;min-height:36px;align-items:center;gap:6px;padding:0 12px;border:1px solid #c8d9ee;border-radius:8px;color:#356086;background:#fff;font:inherit;font-size:.62rem;font-weight:750;cursor:pointer}.reader-review-head form button:hover{color:var(--review-blue);background:#f4f8ff}
|
||||
.reader-review-workspace{display:grid;height:calc(100% - 170px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#fff}.reader-passage-pane,.reader-question-pane{min-width:0;height:100%;overflow-y:auto;padding:25px 3.5% 45px}.reader-passage-pane{border-right:1px solid var(--review-line);background:#fff}.reader-question-pane{background:#fbfdff}.reader-pane-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}.reader-pane-heading h2{margin:0;font-size:.94rem}.reader-pane-heading small{color:#8190a5;font-size:.54rem}.reader-passage-content{color:#31435c;font-size:.76rem;line-height:1.82}.reader-passage-content p{margin:0 0 1.25em}.reader-evidence-highlight{padding:2px 3px;border-radius:4px;color:#1f334f;background:#fff0a8;box-shadow:inset 3px 0 var(--review-blue);scroll-margin:90px}.reader-evidence-highlight:after{display:inline-block;margin-left:6px;padding:2px 5px;border-radius:4px;color:#fff;background:var(--review-blue);content:"Evidence";font-size:.46rem;font-weight:800;vertical-align:middle}
|
||||
.reader-question-review[hidden],.reader-passage[hidden]{display:none}.reader-question-count{margin:0 0 9px;color:var(--review-blue);font-size:.57rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.reader-question-prompt{margin:0 0 19px;color:#182c47;font-size:.87rem;font-weight:720;line-height:1.55}.reader-question-prompt p{margin:0}.reader-answer-card,.reader-evidence-card{margin-bottom:16px;padding:20px;border:1px solid var(--review-line);border-radius:13px;background:#fff;box-shadow:0 6px 18px rgba(20,48,82,.045)}.reader-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.reader-answer-grid>div+div{padding-left:18px;border-left:1px solid var(--review-line)}.reader-answer-grid small,.reader-answer-grid strong{display:block}.reader-answer-grid small{margin-bottom:5px;color:var(--review-muted);font-size:.6rem}.reader-answer-grid strong{font-size:.9rem}.reader-answer-grid .is-correct{color:var(--review-green)}.reader-answer-grid .is-wrong{color:var(--review-red)}.reader-explanation{margin-top:17px;padding-top:15px;border-top:1px solid #edf1f6}.reader-explanation>strong{font-size:.68rem}.reader-explanation p{margin:6px 0 0;color:#50627a;font-size:.66rem;line-height:1.65}.reader-evidence-card{border-color:#a9ccf8}.reader-evidence-card h3{display:flex;align-items:center;gap:6px;margin:0 0 11px;color:var(--review-blue);font-size:.68rem}.reader-evidence-card blockquote{margin:0;padding:13px;border:1px solid #e2e9f2;border-radius:8px;color:#263b57;background:#f9fbfe;font-size:.67rem;font-weight:650;line-height:1.6}.reader-evidence-card>p{margin:0;color:#8190a4;font-size:.66rem}.reader-show-evidence{display:inline-flex;align-items:center;gap:6px;margin-top:11px;padding:0;border:0;color:var(--review-blue);background:transparent;font:inherit;font-size:.62rem;font-weight:750;cursor:pointer}.reader-show-evidence.is-unmatched{color:#78879a;cursor:default}
|
||||
.reader-review-footer{display:grid;height:66px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:0 2.8%;border-top:1px solid var(--review-line);background:#fff}.reader-review-legend{display:flex;gap:12px;color:#78879b;font-size:.52rem}.reader-review-legend span{display:flex;align-items:center;gap:5px}.reader-review-legend i{display:block;width:9px;height:9px;border-radius:50%}.reader-review-legend .is-correct{background:var(--review-green)}.reader-review-legend .is-incorrect{background:var(--review-red)}.reader-review-legend .is-current{border:2px solid var(--review-blue);background:#fff}.reader-question-nav{display:flex;justify-content:center;gap:7px;overflow-x:auto;padding:5px}.reader-question-nav button{width:34px;height:34px;flex:0 0 34px;border:1px solid #c6d6e8;border-radius:50%;color:#40536c;background:#f4f7fb;font:inherit;font-size:.59rem;font-weight:750;cursor:pointer}.reader-question-nav button.is-correct{border-color:#a5dabb;color:var(--review-green);background:#effaf4}.reader-question-nav button.is-incorrect{border-color:#f0aaaa;color:var(--review-red);background:#fff4f4}.reader-question-nav button.is-pending{color:#8a6d20;background:#fff9e8}.reader-question-nav button.is-current{border:3px solid var(--review-blue);color:var(--review-navy);background:#fff;box-shadow:0 0 0 2px #dceaff}.reader-review-pager{display:flex;gap:8px}.reader-review-pager button{min-height:37px;padding:0 12px;border:1px solid #b7cfee;border-radius:8px;color:var(--review-blue);background:#fff;font:inherit;font-size:.59rem;font-weight:750;cursor:pointer}.reader-review-pager #reader-next{color:#fff;border-color:var(--review-blue);background:var(--review-blue)}.reader-review-pager button:disabled{opacity:.42;cursor:not-allowed}
|
||||
@media(max-width:900px){.reader-review-head{grid-template-columns:1fr auto auto;height:96px}.reader-review-head article:nth-of-type(1){display:none}.reader-review-title .reader-head-icon{display:none}.reader-review-workspace{height:calc(100% - 158px)}.reader-review-legend{display:none}.reader-review-footer{grid-template-columns:1fr auto}.reader-question-nav{justify-content:flex-start}}
|
||||
@media(max-width:680px){.reader-review-page{height:auto;min-height:calc(100vh - 65px);overflow:visible}.reader-review-head{position:sticky;z-index:8;top:65px;grid-template-columns:1fr auto;height:78px;padding:10px 4%}.reader-review-head article{display:none!important}.reader-review-head form button span{display:none}.reader-review-workspace{display:block;height:auto}.reader-passage-pane,.reader-question-pane{height:auto;overflow:visible;padding:22px 4%}.reader-passage-pane{border-right:0;border-bottom:1px solid var(--review-line)}.reader-passage-content{font-size:.8rem}.reader-review-footer{position:sticky;z-index:10;bottom:0;height:60px;padding:0 3%}.reader-review-pager{display:none}.reader-question-nav button{width:32px;height:32px;flex-basis:32px}}
|
||||
/* Continuous review list: every answer stays visible; navigation only scrolls. */
|
||||
.reader-question-review{margin:0 0 28px;padding:0 0 28px;border-bottom:1px solid #dfe7f1;scroll-margin-top:20px}.reader-question-review:last-child{margin-bottom:0;border-bottom:0}.reader-question-review.is-active{position:relative}.reader-question-review.is-active:before{position:absolute;top:0;bottom:28px;left:-16px;width:3px;border-radius:4px;background:var(--review-blue);content:""}
|
||||
/* Dense continuous review: minimise scrolling without hiding feedback. */
|
||||
.reader-question-pane{padding-top:17px;padding-bottom:28px}.reader-question-review{margin-bottom:16px;padding-bottom:16px;scroll-margin-top:12px}.reader-question-review.is-active:before{bottom:16px;left:-12px}.reader-question-count{margin-bottom:5px;font-size:.52rem}.reader-question-prompt{margin-bottom:10px;font-size:.79rem;line-height:1.4}.reader-answer-card,.reader-evidence-card{margin-bottom:8px;padding:12px 14px;border-radius:10px}.reader-answer-grid{gap:12px}.reader-answer-grid>div+div{padding-left:12px}.reader-answer-grid small{margin-bottom:2px;font-size:.54rem}.reader-answer-grid strong{font-size:.78rem}.reader-explanation{margin-top:9px;padding-top:8px}.reader-explanation>strong{font-size:.6rem}.reader-explanation p{margin-top:3px;font-size:.59rem;line-height:1.45}.reader-evidence-card h3{margin-bottom:6px;font-size:.6rem}.reader-evidence-card blockquote{padding:8px 10px;font-size:.59rem;line-height:1.45}.reader-evidence-card>p{font-size:.59rem}.reader-show-evidence{margin-top:6px;font-size:.56rem}
|
||||
/* One unified card per question, answer, explanation, and evidence. */
|
||||
.reader-question-review{margin-bottom:12px;padding-bottom:0;border-bottom:0}.reader-question-review.is-active:before{bottom:0}.reader-review-card{padding:13px 14px;border:1px solid var(--review-line);border-radius:11px;background:#fff;box-shadow:0 4px 14px rgba(20,48,82,.04)}.reader-question-review.is-active .reader-review-card{border-color:#a9ccf8}.reader-review-card .reader-answer-card{margin:8px 0 0;padding:9px 0;border:0;border-top:1px solid #edf1f6;border-radius:0;box-shadow:none}.reader-review-card .reader-evidence-card{margin:0;padding:9px 0 0;border:0;border-top:1px solid #edf1f6;border-radius:0;background:transparent;box-shadow:none}.reader-review-card .reader-evidence-card blockquote{background:#f7faff}
|
||||
|
||||
/* Answer feedback and evidence are sections of the same question card. */
|
||||
.reader-answer-content{margin-top:8px;padding-top:9px;border-top:1px solid #edf1f6}.reader-evidence-content{margin-top:9px;padding-top:9px;border-top:1px solid #edf1f6}.reader-evidence-content h3{display:flex;align-items:center;gap:6px;margin:0 0 6px;color:var(--review-blue);font-size:.6rem}.reader-evidence-content blockquote{margin:0;padding:8px 10px;border:1px solid #e2e9f2;border-radius:7px;color:#263b57;background:#f7faff;font-size:.59rem;font-weight:650;line-height:1.45}.reader-evidence-content>p{margin:0;color:#8190a4;font-size:.59rem}
|
||||
|
||||
/* Accessible review typography: compact, but never miniature. */
|
||||
.reader-answer-grid small{font-size:12px;line-height:1.35}.reader-answer-grid strong{font-size:14px;line-height:1.4}.reader-evidence-content h3{font-size:12px;line-height:1.4}.reader-evidence-content blockquote{font-size:13px;line-height:1.5}.reader-evidence-content>p,.reader-show-evidence{font-size:12px;line-height:1.4}
|
||||
|
||||
/* Match the live IELTS-style passage typography in review mode. */
|
||||
.reader-passage-content.rich-passage-content{color:#172033;font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:17px;font-weight:400;line-height:26px}.reader-passage-content.rich-passage-content p{margin:0 0 18px;font-weight:400}.reader-passage-content.rich-passage-content h2{margin:0 0 18px;color:#111827;font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:26px;font-weight:700;line-height:1.3;text-align:center}.reader-passage-content.rich-passage-content h3{margin:22px 0 12px;color:#111827;font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:20px;font-weight:650;line-height:1.35}.reader-passage-content.rich-passage-content em{color:#172033}.reader-evidence-highlight{background:#dff5c8;box-shadow:inset 3px 0 #4b9f46}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1 @@
|
||||
.review-correct-answer{display:flex;align-items:center;gap:9px;margin-top:12px;padding:10px 11px;border:1px solid #bfe6cd;border-radius:8px;background:#effaf3}.review-correct-answer>i{color:#15904a;font-size:1rem}.review-correct-answer span,.review-correct-answer strong{display:block}.review-correct-answer span{color:#59806a;font-size:.58rem;text-transform:uppercase;letter-spacing:.05em}.review-correct-answer strong{margin-top:1px;color:#176b3a;font-size:.72rem}.review-explanation{margin-top:12px;padding:12px;border:1px solid #dce8f7;border-radius:9px;background:#f7faff}.review-explanation--open{border-color:#a8ccf8;background:#f0f7ff}.review-explanation__heading{display:flex;align-items:center;gap:7px;color:#1a579d;font-size:.68rem}.review-explanation__heading i{color:#e29a13;font-size:.85rem}.review-explanation p{margin:8px 0 0;color:#50627c;font-size:.69rem;line-height:1.6}.review-explanation blockquote{margin:9px 0;padding:8px 10px;border-left:3px solid #72abec;border-radius:0 6px 6px 0;color:#3e5471;background:#fff;font-size:.68rem;line-height:1.6}.review-explanation a{display:inline-flex;align-items:center;gap:5px;margin-top:2px;color:#0871ef;font-size:.65rem;font-weight:700;text-decoration:none}.review-passages{margin-top:18px;padding:21px;border:1px solid #e0e7f0;border-radius:15px;background:#fff}.review-passages details{padding:14px 0;border-top:1px solid #edf1f6}.review-passages details:first-of-type{border-top:0}.review-passages summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;color:#273951;font-size:.76rem;font-weight:700}.review-passages summary span{color:#0871ef;font-size:.62rem}.review-passages details>div{max-width:850px;margin-top:13px;color:#526178;font-size:.72rem;line-height:1.8}@media(max-width:520px){.review-passages{padding:17px}.review-passages summary{font-size:.69rem}.review-explanation{padding:10px}}
|
||||
@@ -0,0 +1 @@
|
||||
::highlight(ielts-passage-highlight){background:#dff5c8;color:inherit}.exam-highlight{padding:0!important;margin:0!important;border:0!important;border-radius:0!important;display:inline!important;position:static!important;vertical-align:baseline!important;letter-spacing:inherit!important;word-spacing:inherit!important;background:linear-gradient(transparent 10%,#dff5c8 10%,#dff5c8 94%,transparent 94%)!important;box-shadow:none!important;line-height:inherit!important}.exam-highlight[data-note]{border-bottom:0!important;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-color:#0871ef;text-decoration-thickness:2px;text-underline-offset:2px}.passage-selection-toolbar{min-width:142px!important;gap:2px!important;flex-direction:column!important}.passage-selection-toolbar:after{left:16px!important}.passage-selection-toolbar button{width:100%;justify-content:flex-start;padding:8px 10px!important}
|
||||
@@ -0,0 +1 @@
|
||||
:root{--surface:#fff;--surface-soft:#f6f9fe;--ink:#10213e;--muted:#66758b;--blue:#1264e8;--blue-deep:#0758d6;--line:#e1e9f3;--shadow:0 14px 34px rgba(16,33,62,.08)}html{scroll-behavior:smooth}body{min-width:320px;text-rendering:optimizeLegibility}main{overflow:hidden}a,button,input,textarea,select{transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease,transform .18s ease}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(18,100,232,.3);outline-offset:3px}.skip-link{z-index:9999;border-radius:0 0 9px 9px;background:var(--blue);font-weight:700}.navbar{position:sticky;z-index:1000;top:0;box-shadow:0 1px 0 rgba(16,33,62,.04)}.navbar-toggler{border-color:#d9e4f1!important;border-radius:8px}.navbar-toggler:focus{box-shadow:0 0 0 3px rgba(18,100,232,.16)}.navbar .btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center}.navbar .btn-light{border:1px solid #e2eaf4!important;background:#f8fafc!important}.navbar .btn-primary:hover{background:var(--blue-deep)!important;transform:translateY(-1px)}.site-messages{top:92px}.site-message{display:flex;align-items:flex-start;gap:9px;border-radius:12px;box-shadow:var(--shadow);line-height:1.5}.info-page,.contact-page,.auth-page{background:radial-gradient(circle at 88% 10%,rgba(205,225,255,.64),transparent 29%),linear-gradient(135deg,#f8fbff,#edf5ff)}.info-page__cards,.info-page__article,.contact-card,.auth-card{box-shadow:var(--shadow)}.info-page details{position:relative}.info-page summary{padding-right:30px;list-style:none}.info-page summary::-webkit-details-marker{display:none}.info-page summary:after{position:absolute;right:2px;color:var(--blue);content:'+';font-size:20px;font-weight:500;line-height:1}.info-page details[open] summary:after{content:'−'}.info-page details[open] summary{color:var(--blue)}.info-page details p{max-width:720px}.contact-card button:hover,.auth-submit:hover{background:var(--blue-deep)!important}.contact-field input,.contact-field textarea,.auth-field input{background:#fcfdff}.contact-field input:hover,.contact-field textarea:hover,.auth-field input:hover{border-color:#b9cce5}.site-footer{border-top:1px solid #edf1f6}.site-footer nav>a,.site-footer__email{width:max-content;max-width:100%}.site-footer nav>a:hover,.site-footer__email:hover{transform:translateX(2px)}.catalogue-card,.dashboard-panel,.dashboard-stat-card,.dashboard-sidebar{box-shadow:0 10px 26px rgba(16,33,62,.045)}.catalogue-card:hover{border-color:#bcd8fb;box-shadow:0 16px 34px rgba(16,92,205,.1)}.dashboard-primary-btn:focus-visible,.dashboard-secondary-btn:focus-visible,.test-action:focus-visible,.site-cta__button:focus-visible{outline-color:#fff}.exam-question-card{transition:border-color .18s ease,box-shadow .18s ease}.exam-question-card:focus-within{border-color:#a9cef8;box-shadow:0 8px 22px rgba(8,113,239,.07)}.exam-question-numbers::-webkit-scrollbar,.exam-passage::-webkit-scrollbar,.exam-questions::-webkit-scrollbar{height:7px;width:7px}.exam-question-numbers::-webkit-scrollbar-thumb,.exam-passage::-webkit-scrollbar-thumb,.exam-questions::-webkit-scrollbar-thumb{border-radius:8px;background:#bfd0e4}@media(max-width:991px){.navbar-nav{padding:12px 0;gap:2px!important}.navbar-nav .nav-link{padding:10px 8px!important}.navbar-actions{display:flex;gap:8px;padding:8px 0 2px}.navbar-actions .btn{flex:1;margin:0!important}.site-messages{top:75px;right:12px;width:calc(100% - 24px)}}@media(max-width:767px){.hero{min-height:auto}.hero-container{padding-top:42px!important;padding-bottom:48px!important}.hero h1{font-size:clamp(2.2rem,10vw,3rem)!important}.site-cta__inner{align-items:flex-start;flex-direction:column}.site-cta__button{min-width:0;width:100%}.dashboard-page,.catalogue-page{padding-right:4%;padding-left:4%}.contact-page__layout{padding-right:10px;padding-left:10px}}@media(max-width:480px){.info-page__lead{font-size:.92rem}.info-page summary{font-size:.9rem}.site-footer__grid{gap:22px}.site-footer__copyright{margin-top:26px}.hero-buttons{gap:10px}.hero-buttons a{min-width:0!important;flex:1;padding-right:13px!important;padding-left:13px!important}}
|
||||
@@ -0,0 +1 @@
|
||||
.nav-skill-link{font-size:.76rem!important;padding:9px 8px!important}.exam-skill-links{display:flex;align-items:center;gap:4px}.exam-skill-links a{padding:6px 8px;border-radius:6px;color:#64748b;font-size:.65rem;font-weight:700;text-decoration:none}.exam-skill-links a:hover{color:#0871ef;background:#eef6ff}.exam-skill-links a.is-active{color:#0871ef;background:#eaf3ff}@media(max-width:1100px){.navbar-nav .nav-skill-link{display:none}}@media(max-width:850px){.exam-skill-links{display:none}}
|
||||
@@ -0,0 +1 @@
|
||||
.speaking-upload{margin-top:12px!important;padding:14px!important;border:1px solid #dae5f2!important;border-radius:14px!important;background:linear-gradient(145deg,#fbfdff,#f3f8ff)!important}.speaking-upload>label{margin-bottom:13px!important}.speaking-recorder{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid #e0e8f3;border-radius:13px;background:#fff;box-shadow:0 6px 16px rgba(16,33,62,.045)}.speaking-record-button{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;padding:0;border:0;border-radius:50%;color:#fff;background:linear-gradient(145deg,#ff6975,#d93847);box-shadow:0 6px 13px rgba(217,56,71,.26);font-size:.96rem;cursor:pointer}.speaking-record-button:hover{background:linear-gradient(145deg,#ff7882,#ca2637);transform:scale(1.05)}.speaking-record-button.is-recording{background:#d93847;box-shadow:0 0 0 5px rgba(217,56,71,.13),0 7px 15px rgba(217,56,71,.28)}.speaking-record-button.is-recording i{animation:record-pulse .9s ease-in-out infinite}.speaking-recorder__center{display:grid;min-width:0;gap:5px;flex:1}.speaking-waveform{display:flex;height:18px;align-items:center;gap:2px}.speaking-waveform span{width:3px;height:5px;border-radius:5px;background:#b8c8dc}.speaking-waveform span:nth-child(2n){height:9px}.speaking-waveform span:nth-child(3n){height:13px}.speaking-recorder:has(.is-recording) .speaking-waveform span{background:#e34a58;animation:voice-wave .78s ease-in-out infinite alternate}.speaking-recorder:has(.is-recording) .speaking-waveform span:nth-child(2n){animation-delay:.16s}.speaking-recorder:has(.is-recording) .speaking-waveform span:nth-child(3n){animation-delay:.31s}.speaking-record-status{overflow:hidden;color:#64758c;font-size:.61rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.speaking-record-status.is-recording{color:#ce3443}.speaking-record-time{min-width:39px;color:#263850;font-size:.66rem;font-variant-numeric:tabular-nums;font-weight:700;text-align:right}.speaking-recorder:has(.is-recording) .speaking-record-time{color:#d93847}.speaking-record-preview{display:block;width:100%;height:37px;margin:11px 0 4px;border-radius:9px}.speaking-upload__divider{display:flex;align-items:center;gap:9px;margin:12px 0 9px;color:#8b9aaf;font-size:.58rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.speaking-upload__divider:before,.speaking-upload__divider:after{height:1px;background:#e4ebf3;content:"";flex:1}@keyframes record-pulse{50%{opacity:.55;transform:scale(.84)}}@keyframes voice-wave{to{height:18px;transform:translateY(-1px)}}@media(max-width:520px){.speaking-upload{padding:12px!important}.speaking-recorder{gap:9px;padding:10px}.speaking-record-button{width:39px;height:39px;flex-basis:39px}.speaking-waveform{gap:1px}.speaking-waveform span{width:2px}.speaking-record-time{min-width:34px}}
|
||||
@@ -0,0 +1,52 @@
|
||||
/* ==========================
|
||||
CARD BASE STYLE
|
||||
========================== */
|
||||
.card-base {
|
||||
background: #fff;
|
||||
padding: 40px 30px;
|
||||
border-radius: 20px;
|
||||
text-align: center;
|
||||
transition: .3s;
|
||||
box-shadow: 0 15px 40px rgba(0,0,0,.05);
|
||||
}
|
||||
|
||||
.card-base:hover {
|
||||
transform: translateY(-10px);
|
||||
box-shadow: 0 25px 60px rgba(0,0,0,.12);
|
||||
}
|
||||
|
||||
/* ==========================
|
||||
FEATURES
|
||||
========================== */
|
||||
.feature-card {
|
||||
/* Instead of composes, just reuse */
|
||||
background: linear-gradient(to bottom, #ffffff, #f0f4ff);
|
||||
padding: 40px 30px;
|
||||
border-radius: 20px;
|
||||
text-align: center;
|
||||
transition: .3s;
|
||||
box-shadow: 0 15px 40px rgba(0,0,0,.05);
|
||||
}
|
||||
|
||||
.feature-card:hover {
|
||||
transform: translateY(-10px);
|
||||
box-shadow: 0 25px 60px rgba(79,70,229,.25);
|
||||
}
|
||||
|
||||
/* ==========================
|
||||
AVAILABLE TESTS
|
||||
========================== */
|
||||
.test-card {
|
||||
background: linear-gradient(to bottom, #ffffff, #f0f4ff);
|
||||
padding: 40px 30px;
|
||||
border-radius: 20px;
|
||||
text-align: center;
|
||||
transition: .3s;
|
||||
box-shadow: 0 15px 40px rgba(0,0,0,.05);
|
||||
}
|
||||
|
||||
.test-card:hover {
|
||||
transform: translateY(-10px);
|
||||
box-shadow: 0 25px 60px rgba(79,70,229,.25);
|
||||
}
|
||||
.info-page{min-height:650px;padding:72px 0;background:linear-gradient(135deg,#f7faff,#eef5ff)}.info-page__inner{max-width:880px}.info-page__eyebrow{display:inline-block;margin:0 0 14px;padding:7px 13px;border-radius:20px;background:#e7f0ff;color:#1264e8;font-size:12px;font-weight:600}.info-page h1{font-size:40px;font-weight:700;letter-spacing:-1px;margin:0 0 12px}.info-page__lead{font-size:16px;color:#5a6678;margin:0 0 34px}.info-page__cards,.info-page__article{background:#fff;border:1px solid #e5ebf3;border-radius:14px;padding:12px 28px;box-shadow:0 15px 40px rgba(16,33,62,.06)}.info-page details{padding:18px 0;border-bottom:1px solid #edf0f5}.info-page details:last-child{border:0}.info-page summary{cursor:pointer;font-size:15px;font-weight:600}.info-page details p,.info-page__article p{font-size:14px;line-height:1.75;color:#536074;margin:12px 0 0}.info-page__article{padding:28px}.info-page__article h2{font-size:18px;margin:26px 0 0}.info-page__article h2:first-child{margin-top:0}.info-page a{color:#1264e8}@media(max-width:576px){.info-page{padding:48px 0}.info-page h1{font-size:32px}.info-page__cards,.info-page__article{padding:10px 20px}}
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user