:root{--ss-ink:#0b1531;--ss-primary:#3758f9;--ss-accent:#6d5dfc;--ss-soft:#f4f7ff;--ss-border:#e3e8f5;--ss-muted:#667085;--ss-green:#15976a;--ss-red:#d64545}
.ss-shell{max-width:1180px;margin:0 auto;padding:48px 22px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ss-ink)}
.ss-shell *{box-sizing:border-box}.ss-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center;padding:56px 0}.ss-hero h1,.ss-page-head h1,.ss-test-head h1,.ss-result-hero h1{font-size:clamp(38px,6vw,72px);line-height:1.03;margin:14px 0 20px;letter-spacing:-.045em}.ss-hero h1 em{font-style:normal;color:var(--ss-primary)}.ss-hero p{font-size:19px;line-height:1.75;color:var(--ss-muted);max-width:700px}.ss-kicker{font-size:12px;font-weight:900;letter-spacing:.16em;color:var(--ss-primary)}.ss-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.ss-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:12px;text-decoration:none!important;font-weight:800;border:1px solid transparent;cursor:pointer;font-size:15px}.ss-primary{background:var(--ss-primary);color:#fff!important}.ss-secondary{background:#fff;color:var(--ss-ink)!important;border-color:var(--ss-border)}.ss-light{background:#fff;color:var(--ss-ink)!important}.ss-trust{display:flex;gap:18px;flex-wrap:wrap;color:var(--ss-muted);font-size:14px}.ss-hero-card{background:linear-gradient(160deg,#0c1635,#17275e);color:#fff;border-radius:28px;padding:36px;box-shadow:0 30px 70px rgba(20,35,80,.18)}.ss-level-ring{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--ss-primary);font-size:30px;font-weight:900}.ss-hero-card h3{font-size:28px;margin:22px 0 8px}.ss-mini-bars b{display:block;font-size:13px;margin:16px 0}.ss-mini-bars i{display:block;height:7px;border-radius:9px;background:#5367a2;margin-top:7px;overflow:hidden}.ss-mini-bars i:after{content:"";display:block;background:#fff;height:100%;width:inherit}.ss-section{padding:48px 0}.ss-section>h2{font-size:38px;letter-spacing:-.03em}.ss-grid{display:grid;gap:18px}.ss-grid-4{grid-template-columns:repeat(4,1fr)}.ss-grid-3{grid-template-columns:repeat(3,1fr)}.ss-grid-2{grid-template-columns:repeat(2,1fr)}.ss-card,.ss-course-card,.ss-form-card,.ss-stat{border:1px solid var(--ss-border);background:#fff;border-radius:20px;padding:24px;box-shadow:0 10px 30px rgba(13,26,60,.04)}.ss-card h3,.ss-course-card h2{margin:12px 0 8px}.ss-card p,.ss-course-card p{color:var(--ss-muted);line-height:1.7}.ss-step{font-weight:900;color:var(--ss-primary)}.ss-dark{background:var(--ss-ink);color:#fff;border-radius:26px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:30px}.ss-dark p{color:#c8d0e5;max-width:750px}.ss-dark h2{font-size:36px;margin:7px 0}.ss-narrow{max-width:720px}.ss-form-card h1{font-size:38px;margin:8px 0}.ss-form-card form label{display:block;font-weight:700;margin:18px 0}.ss-form-card input,.ss-form-card select{display:block;width:100%;margin-top:7px;border:1px solid var(--ss-border);border-radius:10px;padding:13px 14px;font-size:16px;background:#fff}.ss-form-card .login-username,.ss-form-card .login-password{margin:14px 0}.ss-divider{display:flex;align-items:center;gap:12px;color:var(--ss-muted);margin:25px 0}.ss-divider:before,.ss-divider:after{content:"";height:1px;background:var(--ss-border);flex:1}.ss-alert,.ss-notice,.ss-success{padding:16px 18px;border-radius:12px;margin:16px 0}.ss-alert{background:#fff3f3;color:#9d2b2b}.ss-notice{background:var(--ss-soft)}.ss-success{background:#ebfaf4;color:#087450}.ss-test{max-width:940px}.ss-test-head{padding-bottom:30px}.ss-test-head h1{font-size:52px}.ss-progress{height:10px;background:#edf0f7;border-radius:9px;overflow:hidden;margin:20px 0 8px}.ss-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--ss-primary),var(--ss-accent));transition:.25s}.ss-question-section{margin:36px 0}.ss-question-section>h2{font-size:30px;border-bottom:1px solid var(--ss-border);padding-bottom:12px}.ss-question{border:1px solid var(--ss-border);border-radius:18px;padding:22px;margin:16px 0;background:#fff}.ss-qtop{display:flex;justify-content:space-between;color:var(--ss-muted);font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.06em}.ss-question h3{font-size:20px;line-height:1.5}.ss-passage{background:var(--ss-soft);padding:16px;border-radius:12px;line-height:1.7;margin:14px 0}.ss-options{display:grid;gap:9px}.ss-options label{display:flex;align-items:center;gap:10px;border:1px solid var(--ss-border);padding:12px 14px;border-radius:11px;cursor:pointer}.ss-options label:hover{border-color:#9aaafb;background:#f9faff}.ss-listen{border:0;background:var(--ss-ink);color:#fff;border-radius:10px;padding:10px 15px;font-weight:800;margin:14px 8px 8px 0;cursor:pointer}.ss-listen-note{color:var(--ss-muted)}.ss-submit-bar{position:sticky;bottom:12px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border:1px solid var(--ss-border);border-radius:16px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:0 12px 40px rgba(20,30,60,.12)}.ss-submit-bar p{margin:0;color:var(--ss-muted)}.ss-result-hero{text-align:center}.ss-score-circle{width:170px;height:170px;border-radius:50%;background:var(--ss-ink);color:#fff;margin:20px auto;display:grid;place-content:center}.ss-score-circle strong{font-size:45px}.ss-score-circle small{font-size:14px;color:#cbd3e7}.ss-result-hero h1{font-size:40px}.ss-skill{margin:18px 0}.ss-skill>div{display:flex;justify-content:space-between;gap:12px}.ss-skill span{color:var(--ss-muted);font-size:13px}.ss-skill>i{display:block;height:8px;background:#eef1f7;border-radius:8px;margin-top:7px;overflow:hidden}.ss-skill em{display:block;height:100%;background:var(--ss-primary)}.ss-text-link{display:inline-block;margin-top:16px;color:var(--ss-primary);font-weight:800;text-decoration:none}.ss-page-head{padding-bottom:24px}.ss-page-head h1{font-size:52px}.ss-level-pill{display:inline-block;background:var(--ss-soft);color:var(--ss-primary);padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900}.ss-course-card{display:flex;flex-direction:column}.ss-course-card p{flex:1}.ss-course-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.ss-course-foot strong{font-size:22px}.ss-course-head{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:start}.ss-course-head h1{font-size:46px;margin:10px 0}.ss-course-head p{color:var(--ss-muted);line-height:1.8}.ss-price-box{min-width:230px;background:var(--ss-ink);color:#fff;border-radius:18px;padding:22px}.ss-price-box small,.ss-price-box strong{display:block}.ss-price-box strong{font-size:32px;margin:8px 0 16px}.ss-lesson-list{max-width:850px;margin-top:36px}.ss-lesson-row{display:flex;align-items:center;gap:14px;border:1px solid var(--ss-border);border-radius:13px;padding:15px;margin:9px 0;text-decoration:none!important;color:var(--ss-ink)!important}.ss-lesson-row span{width:30px}.ss-lesson-row div{display:flex;flex-direction:column}.ss-lesson-row small{color:var(--ss-muted);margin-top:3px}.ss-lesson-row.locked{opacity:.55;cursor:not-allowed}.ss-lesson{max-width:850px}.ss-lesson-content{margin-top:18px;border:1px solid var(--ss-border);background:#fff;padding:36px;border-radius:22px}.ss-lesson-content h1{font-size:42px}.ss-lesson-content p{font-size:17px;line-height:1.8}.ss-complete-form{margin:18px 0}.ss-payment-number{background:#ffe8f1;border:1px solid #ffc4d9;border-radius:16px;padding:20px;margin:20px 0}.ss-payment-number small,.ss-payment-number strong,.ss-payment-number span{display:block}.ss-payment-number strong{font-size:34px;color:#bf185d;margin:5px 0}.ss-pay-steps{line-height:1.9;padding-left:22px}.ss-muted{color:var(--ss-muted)}.ss-dashboard-head{display:flex;justify-content:space-between;align-items:start}.ss-dashboard-head h1{font-size:46px;margin:6px 0}.ss-stat small,.ss-stat strong{display:block}.ss-stat small{color:var(--ss-muted)}.ss-stat strong{font-size:27px;margin-top:10px}.ss-recommend{display:flex;justify-content:space-between;align-items:center}.ss-payment-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--ss-border)}.ss-payment-row:last-child{border:0}.ss-status{font-size:12px;text-transform:uppercase}.ss-approved{color:var(--ss-green)}.ss-pending{color:#c37c00}.ss-rejected{color:var(--ss-red)}
@media(max-width:850px){.ss-hero,.ss-grid-2,.ss-grid-3,.ss-grid-4,.ss-course-head{grid-template-columns:1fr}.ss-hero{padding-top:24px}.ss-dark,.ss-dashboard-head,.ss-submit-bar{align-items:flex-start;flex-direction:column}.ss-hero h1{font-size:43px}.ss-test-head h1,.ss-page-head h1{font-size:40px}.ss-course-head h1,.ss-dashboard-head h1{font-size:36px}.ss-shell{padding:32px 16px}.ss-price-box{width:100%}}

/* SpeakShikho v2 */
.ss-course-badges{display:flex;justify-content:space-between;align-items:center;gap:8px}.ss-mini-pill{font-size:11px;font-weight:800;color:var(--ss-muted);background:#f7f8fc;padding:6px 9px;border-radius:999px}.ss-course-progress{margin:16px 0}.ss-course-progress i,.ss-inline-progress i,.ss-roadmap-progress i{display:block;height:8px;border-radius:10px;background:#edf0f6;overflow:hidden}.ss-course-progress em,.ss-inline-progress em,.ss-roadmap-progress em{display:block;height:100%;background:linear-gradient(90deg,var(--ss-primary),var(--ss-accent))}.ss-course-progress small{display:block;color:var(--ss-muted);margin-top:6px}.ss-inline-progress{max-width:620px;margin-top:24px}.ss-inline-progress>div{display:flex;justify-content:space-between;color:var(--ss-muted);font-size:13px;margin-bottom:7px}.ss-section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.ss-section-title h2{margin:5px 0 0;font-size:34px}.ss-section-title>span{color:var(--ss-muted)}.ss-final-card{border-radius:22px;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid var(--ss-border)}.ss-final-card.ready{background:linear-gradient(135deg,#f3f7ff,#f8f5ff)}.ss-final-card.not-ready{background:#fafbfc}.ss-final-card h2{margin:7px 0}.ss-final-card p{margin:0;color:var(--ss-muted)}.ss-lock-note{font-weight:800;color:var(--ss-muted)}.ss-lesson-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:var(--ss-muted)}.ss-lesson-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.ss-lesson-title-row h1{margin:8px 0 20px}.ss-lesson-block h2{font-size:25px;margin-top:30px}.ss-lesson-block ul,.ss-lesson-block ol{line-height:1.9}.ss-practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.ss-practice-grid>div{background:var(--ss-soft);border-radius:16px;padding:20px}.ss-practice-grid h3{margin-top:0}.ss-tip{background:#fff9e8;border:1px solid #f2df9c;border-radius:14px;padding:16px 18px;margin-top:24px}.ss-lesson-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}.ss-result-box{text-align:center;border:1px solid var(--ss-border);border-radius:26px;padding:46px 28px;background:#fff}.ss-result-box.pass{box-shadow:0 20px 55px rgba(21,151,106,.1)}.ss-result-box.fail{box-shadow:0 20px 55px rgba(214,69,69,.07)}.ss-big-score{font-size:72px;font-weight:900;letter-spacing:-.05em;margin:10px 0}.ss-result-box.pass .ss-big-score{color:var(--ss-green)}.ss-result-box.fail .ss-big-score{color:var(--ss-red)}
.ss-dashboard-hero{background:linear-gradient(135deg,#0a1430,#1e326f);color:#fff;border-radius:28px;padding:36px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.ss-dashboard-hero h1{font-size:44px;margin:8px 0}.ss-dashboard-hero p{color:#cbd5ef}.ss-dashboard-outline{border:1px solid #697aa8;color:#fff!important}.ss-dashboard-level{min-width:190px;height:190px;border-radius:50%;border:1px solid #536aa4;background:rgba(255,255,255,.06);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.ss-dashboard-level small{font-size:10px;letter-spacing:.13em;color:#b9c7e8}.ss-dashboard-level strong{font-size:38px;margin:5px 0}.ss-dashboard-level span{font-size:12px;color:#d4dcf0}.ss-dashboard-stats{margin-top:18px}.ss-stat-text{font-size:20px!important}.ss-focus-card{background:linear-gradient(145deg,#f7f9ff,#fff)}.ss-roadmap{border:1px solid var(--ss-border);border-radius:20px;overflow:hidden;background:#fff}.ss-roadmap-row{display:grid;grid-template-columns:1.35fr .8fr 120px;align-items:center;gap:18px;padding:17px 20px;border-bottom:1px solid var(--ss-border)}.ss-roadmap-row:last-child{border:0}.ss-roadmap-main{display:flex;align-items:center;gap:12px}.ss-roadmap-main div{display:flex;flex-direction:column}.ss-roadmap-main small{color:var(--ss-muted);margin-top:3px}.ss-roadmap-progress{display:grid;grid-template-columns:1fr 42px;align-items:center;gap:10px}.ss-roadmap-progress span{font-size:12px;color:var(--ss-muted);text-align:right}.ss-roadmap-action{text-align:right}.ss-chip{display:inline-block;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;text-decoration:none!important;background:var(--ss-soft);color:var(--ss-primary)!important}.ss-chip.success{background:#e9f8f2;color:#087450!important}.ss-chip.locked{background:#f2f3f5;color:#858b97!important}.ss-cert-mini>span{font-size:28px}.ss-cert-mini h3{margin:10px 0 4px}.ss-cert-mini p{font-family:ui-monospace,monospace;font-size:12px}.ss-certificate{background:#f9f7ef;padding:24px;border-radius:20px}.ss-cert-border{border:2px solid #14244f;padding:55px 45px;text-align:center;position:relative;background:linear-gradient(150deg,#fffef9,#f7f5ec)}.ss-cert-brand{font-size:30px;font-weight:900;letter-spacing:-.03em}.ss-cert-brand span{color:var(--ss-primary)}.ss-cert-kicker{display:block;letter-spacing:.2em;font-size:12px;font-weight:800;color:#6f7684;margin:26px 0 18px}.ss-cert-border h1{font-size:52px;margin:10px 0;border-bottom:1px solid #c8c2ae;display:inline-block;padding:0 28px 8px}.ss-cert-border h2{font-size:30px;margin:10px 0 30px}.ss-cert-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:760px;margin:24px auto}.ss-cert-meta div{border-top:1px solid #c8c2ae;padding-top:12px}.ss-cert-meta small,.ss-cert-meta strong{display:block}.ss-cert-meta small{font-size:10px;letter-spacing:.1em;color:#7b7b72;text-transform:uppercase}.ss-cert-meta strong{margin-top:5px}.ss-cert-note{font-size:12px!important;color:#777!important;max-width:650px;margin:30px auto 0}.ss-cert-sign{margin-top:34px;font-weight:800}.ss-cert-actions{display:flex;justify-content:center;gap:12px;margin-top:18px}.ss-verify{margin-top:22px;border-radius:14px;padding:18px}.ss-verify.success{background:#ebfaf4;color:#087450}
@media(max-width:850px){.ss-practice-grid,.ss-dashboard-hero,.ss-cert-meta{grid-template-columns:1fr}.ss-dashboard-level{width:150px;height:150px;min-width:150px}.ss-roadmap-row{grid-template-columns:1fr}.ss-roadmap-action{text-align:left}.ss-lesson-title-row,.ss-lesson-actions,.ss-section-title{align-items:flex-start;flex-direction:column}.ss-cert-border{padding:35px 20px}.ss-cert-border h1{font-size:36px}.ss-final-card{align-items:flex-start;flex-direction:column}}
@media print{header.site-header,footer,.ss-cert-actions,.ss-shell>.ss-text-link{display:none!important}.ss-shell.ss-cert-page{max-width:none;padding:0}.ss-certificate{padding:0;background:#fff}.ss-cert-border{min-height:90vh;display:flex;flex-direction:column;justify-content:center}.ss-cert-page{margin:0}.ss-cert-page *{box-shadow:none!important}}