/* TypingTestExam unified Pro visual system — presentation only. */
:root{
  --pro-black:#111510;
  --pro-black-2:#1c211a;
  --pro-black-3:#292d24;
  --pro-gold:#f6c95d;
  --pro-gold-soft:#ffe59d;
  --pro-gold-deep:#d8a928;
  --pro-cream:#f7f4eb;
  --pro-line:rgba(216,169,40,.34);
  --pro-shadow:0 12px 30px rgba(17,21,16,.12);
}

/* Consistent desktop logo-to-menu distance on every standard page. */
@media(min-width:961px){
  header.bar .wrap{
    display:grid;
    grid-template-columns:260px minmax(0,1fr);
    align-items:center;
    gap:20px;
    width:100%;
    max-width:1240px;
  }
  header.bar nav.top{
    width:100%;
    margin-left:0;
    justify-content:flex-start;
  }
}

/* Main masthead and menus. */
.promo-strip{background:#0b0e0b;color:#d8ded9;border-bottom:1px solid rgba(246,201,93,.16)}
.promo-strip b,.promo-strip a{color:var(--pro-gold)}
header.bar{background:linear-gradient(135deg,rgba(14,18,14,.98),rgba(31,36,29,.98));border-bottom:1px solid rgba(246,201,93,.34);box-shadow:0 8px 24px rgba(11,14,11,.14)}
.logo{color:#fff!important}
.logo img{
  width:38px;
  height:38px;
  padding:3px;
  object-fit:contain;
  background:#fff9e9;
  border:1px solid var(--pro-gold-deep);
  border-radius:9px;
  box-shadow:0 5px 14px rgba(0,0,0,.28)
}
nav.top a,nav.top button,.nav-link{color:#e7ebe7}
nav.top>a:not(.pro-nav-link):hover,nav.top>button:hover,.nav-item>.drop-btn:hover,nav.top a.active{background:rgba(246,201,93,.12);color:var(--pro-gold-soft)}
.nav-drop,nav.top .nav-drop,.top .nav-drop{background:linear-gradient(160deg,#141914,#20251d);border:1px solid var(--pro-line);box-shadow:0 18px 44px rgba(0,0,0,.28)}
nav.top .nav-drop a,.top .nav-drop a{color:#e9edea;background:transparent;border-color:rgba(246,201,93,.1)}
nav.top .nav-drop a:hover,.top .nav-drop a:hover{padding-left:16px;background:rgba(246,201,93,.13);color:var(--pro-gold-soft)}

/* Secondary menu. */
.subnav{background:linear-gradient(90deg,#121612,#22271f);border-bottom:1px solid rgba(246,201,93,.28);box-shadow:0 7px 18px rgba(12,15,12,.11)}
.subnav-label{color:#c7cec8}
.subnav-scroll a{border-color:rgba(246,201,93,.3);background:rgba(255,255,255,.045);color:#e9edea}
.subnav-scroll a:hover,.subnav-scroll a:focus-visible{border-color:var(--pro-gold);background:rgba(246,201,93,.12);color:var(--pro-gold-soft);outline:none}
.subnav-scroll a.certificate-nav-link{background:var(--pro-black)!important;border-color:var(--pro-gold)!important;color:var(--pro-gold)!important}

/* Server-verified certificate eligibility reminders. */
.certificate-eligible-reminder{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;margin:0 0 18px;padding:24px;border:1px solid var(--pro-gold);border-radius:16px;background:linear-gradient(135deg,#10120f,#232016);color:#fff;box-shadow:0 18px 42px rgba(12,15,12,.18)}
.certificate-eligible-reminder h2{margin:7px 0;color:#fff;font-size:clamp(20px,2.5vw,28px)}.certificate-eligible-reminder p{margin:0;color:#e3ded0}.certificate-eligible-reminder small{display:block;margin-top:8px;color:#bdb6a5}.certificate-reminder-kicker{color:var(--pro-gold);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.certificate-reminder-action{border-color:var(--pro-gold)!important;background:var(--pro-gold)!important;color:#151712!important;font-weight:900!important;white-space:nowrap}
.certificate-reminder-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px;background:rgba(5,8,6,.72);backdrop-filter:blur(4px)}.certificate-reminder-modal[hidden]{display:none}.certificate-reminder-dialog{position:relative;width:min(520px,100%);padding:30px;border:1px solid var(--pro-gold);border-radius:18px;background:linear-gradient(145deg,#12150f,#262116);color:#fff;box-shadow:0 28px 90px rgba(0,0,0,.45)}.certificate-reminder-dialog h2{margin:10px 34px 10px 0;color:#fff;font-size:clamp(24px,4vw,34px)}.certificate-reminder-dialog p{color:#ddd6c6}.certificate-reminder-expiry{margin:15px 0;padding:11px 13px;border:1px solid rgba(246,201,93,.35);border-radius:10px;background:rgba(246,201,93,.08);color:#f5d87f!important;font-weight:700}.certificate-reminder-close{position:absolute;right:14px;top:12px;width:36px;height:36px;border:1px solid rgba(246,201,93,.35);border-radius:50%;background:transparent;color:#f6c95d;font-size:24px;cursor:pointer}
@media(max-width:700px){.certificate-eligible-reminder{grid-template-columns:1fr}.certificate-eligible-reminder .btn{width:100%;justify-content:center}.certificate-reminder-dialog{padding:24px}}
.profile-user{display:none!important}html[data-logged-in="true"] .profile-user{display:block!important}html[data-logged-in="true"] .profile-guest{display:none!important}.profile-menu{margin-left:auto!important;padding-left:14px}.profile-menu>.drop-btn{padding:8px 12px!important;border:1px solid rgba(246,201,93,.5)!important;border-radius:999px!important;background:rgba(246,201,93,.08)!important;color:var(--pro-gold-soft)!important;font-weight:850!important;white-space:nowrap}.profile-menu>.drop-btn:hover{background:rgba(246,201,93,.17)!important;border-color:var(--pro-gold)!important}.profile-menu .nav-drop{right:0;left:auto;min-width:155px}.nav-drop-language{min-width:225px}.top{gap:6px!important}.top>.nav-link,.top>.nav-item>.nav-link{font-size:13px!important;font-weight:750!important;padding-left:7px!important;padding-right:7px!important}.main-certificate-link{display:inline-flex!important;align-items:center;gap:5px;margin-left:5px;margin-right:4px;padding:8px 11px!important;border:1px solid rgba(246,201,93,.62)!important;border-radius:999px!important;background:#151712!important;color:var(--pro-gold)!important;font-weight:900!important;white-space:nowrap}.pro-nav-link{margin-left:3px!important}.main-certificate-link:hover{background:#292b22!important;color:#ffe59d!important;border-color:var(--pro-gold)!important}@media(max-width:820px){.top>.nav-link,.top>.nav-item>.nav-link{font-size:15px!important;padding:15px 22px!important}.profile-menu{margin-left:0!important;padding-left:0}.profile-menu>.drop-btn,.main-certificate-link{border-radius:8px!important}.main-certificate-link,.pro-nav-link{margin-left:0!important;margin-right:0!important}.profile-menu .nav-drop{right:auto;left:auto}}

/* Shared buttons, pills, quick access and prominent links. */
.btn.primary,.practice-now,.setup-actions .btn.primary,.result-motivation-account a{
  border:1px solid var(--pro-gold-deep)!important;
  background:linear-gradient(135deg,var(--pro-gold),var(--pro-gold-deep))!important;
  color:#151712!important;
  box-shadow:0 8px 20px rgba(183,137,19,.16);
}
.btn.primary:hover,.practice-now:hover,.setup-actions .btn.primary:hover,.result-motivation-account a:hover{background:var(--pro-gold-soft)!important;color:#111510!important;transform:translateY(-1px)}
.btn.ghost{border-color:rgba(28,33,26,.36);background:#fffdf8;color:var(--pro-black)}
.btn.ghost:hover{border-color:var(--pro-gold-deep);background:#fff9e8;color:#5d460a}
.btn.wa{border:1px solid var(--pro-gold)!important;background:var(--pro-black)!important;color:var(--pro-gold)!important}
.academy .acts .btn.ghost{
  border:1px solid var(--pro-gold)!important;
  background:#20251d!important;
  color:var(--pro-gold-soft)!important;
}
.academy .acts .btn.ghost:hover{
  background:#30362a!important;
  color:#fff4c8!important;
}
.quick-tests a,.exam-marquee a,.related a,.trust-row span,.exam-directory-filters button{
  border-color:var(--pro-line);background:#fffdf8;color:var(--pro-black-2);box-shadow:0 3px 10px rgba(17,21,16,.04)
}
.quick-tests a:hover,.exam-marquee a:hover,.related a:hover,.exam-directory-filters button:hover,.exam-directory-filters button.active{
  border-color:var(--pro-gold-deep);background:var(--pro-black);color:var(--pro-gold)
}
.card-guide,.feature-pill .fp-link,.blog-read,.breadcrumb a{color:#8b6506}

/* Cards and dashboard surfaces. */
.feature-pill,.testi-card,.exam-card,.tip,.pathway,.util-start,.practice-set,.faq-item,.auth-card,
.dash-card,.dash-stats>div,.dash-promo,.dash-offer,.progress-graph,.achievement,.leader-list li,.exam-best-list div{
  border-color:rgba(216,169,40,.25);box-shadow:0 7px 22px rgba(17,21,16,.055)
}
.feature-pill:hover,.exam-card:hover,.blog-tile:hover,.pathway:hover,.dash-offer:hover{border-color:var(--pro-gold-deep);box-shadow:var(--pro-shadow)}
.testi-check,.achievement.unlocked b{background:var(--pro-black);color:var(--pro-gold)}
.testi-tag,.blog-cat,.feedback-badge{background:rgba(216,169,40,.13);color:#805d07}
.dash-top{background:linear-gradient(135deg,#0e120e,#22271f);border-bottom-color:rgba(246,201,93,.32);box-shadow:0 8px 24px rgba(11,14,11,.15)}
.dash-top nav a{color:#e7ebe7}.dash-top nav a:hover{background:rgba(246,201,93,.12);color:var(--pro-gold-soft)}
.dash-hero{background:radial-gradient(circle at 92% 8%,rgba(246,201,93,.18),transparent 30%),linear-gradient(135deg,#fffdf8,#f7f0d8);border-color:rgba(216,169,40,.38)}
.dash-stats b,.exam-best-list b{color:#8d6709}
.daily-target{border-color:rgba(216,169,40,.42);border-left-color:var(--pro-gold-deep);background:#fff9e9}
.target-progress span,.graph-bar,.graph-day.today .graph-bar{background:linear-gradient(90deg,var(--pro-gold-deep),var(--pro-gold-soft))}
.dash-table th,.practice-table th{background:var(--pro-black);color:var(--pro-gold-soft)}
.dash-pill.ok{background:rgba(216,169,40,.16);color:#755400}
.special-practice-strip,.academy{background:radial-gradient(circle at 85% 5%,rgba(246,201,93,.15),transparent 27%),linear-gradient(135deg,#101510,#242a20);border-color:var(--pro-line)}
.cert-callout,.cert-promo-box,.rail-cert,.pr-cert,.about-card.alt,.blog-tile.featured,.learn-teaser,.drill-done,.hps-channel{background:radial-gradient(circle at 92% 5%,rgba(246,201,93,.13),transparent 32%),linear-gradient(145deg,#10140f,#252a21)!important;border:1px solid rgba(246,201,93,.4)!important;color:#eef2ee!important;box-shadow:0 12px 30px rgba(17,21,16,.13)}
.cert-callout-txt h2,.cert-promo-box h3,.rail-cert h4,.about-card.alt h3,.blog-tile.featured h3,.learn-teaser h2,.drill-done h3,.hps-channel h3{color:#fff!important}.cert-callout-txt p,.cert-promo-box p,.rail-cert .rail-sub,.blog-tile.featured p,.blog-tile.featured .blog-date,.hps-channel p,.hps-foot{color:#cbd3cc!important}.cert-callout-btn,.hps-btn.channel{background:var(--pro-gold)!important;color:#151712!important}.hps-free{background:var(--pro-gold)!important;color:#151712!important}.hps-btn.wa,.cert-promo-box .btn.wa{background:var(--pro-black)!important;border:1px solid var(--pro-gold)!important;color:var(--pro-gold)!important}

/* Practice setup, live-test dashboard and result area. */
.modal{border:1px solid rgba(246,201,93,.3)}
.modal-head,.cfg-bar{background:linear-gradient(135deg,#121612,#252a21)!important;border-color:var(--pro-line)!important;color:#fff}
.modal-head .tag,.cfg-bar-right{color:var(--pro-gold)}
.modal-head .x{color:#d8ded9}.modal-head .x:hover{background:rgba(246,201,93,.12);color:var(--pro-gold)}
.cfg{border-color:rgba(216,169,40,.3)}
.chip.on{background:var(--pro-black);border-color:var(--pro-gold-deep);color:var(--pro-gold)}
.tgl input{accent-color:var(--pro-gold-deep)}
.stat{border-color:rgba(216,169,40,.32);background:#fffdf8}.stat .v.live{color:#8a650a}
.exam-topbar{background:radial-gradient(circle at 50% 0,rgba(246,201,93,.12),transparent 35%),linear-gradient(90deg,#101410,#252a21);border-bottom:4px solid var(--pro-gold-deep);font-family:'Sora',sans-serif}
.exam-tools button{background:var(--pro-gold);border-color:var(--pro-gold-deep);color:#151712;box-shadow:0 2px 0 #8b690f}
.exam-candidate b{color:var(--pro-gold-soft)}
.exam-medal{border-color:var(--pro-gold);background:#fff9e4}
.practice-actual{background:#efede6}.practice-actual .modal{background:#efede6}
.practice-actual .passage{border-color:#353a31;box-shadow:0 5px 16px rgba(17,21,16,.12)}
.practice-actual #inputArea{background:#fff9df;border-color:var(--pro-gold-deep);box-shadow:0 0 0 3px rgba(246,201,93,.12),0 5px 16px rgba(17,21,16,.1)}
.practice-actual .run-row .btn.primary{background:linear-gradient(135deg,var(--pro-gold),var(--pro-gold-deep))!important;border-color:#775a0e!important;border-bottom-color:#4d3a08!important;color:#151712!important}
.practice-actual .exam-back-btn,.practice-actual .exam-change-passage-btn{border:1px solid var(--pro-gold-deep);background:var(--pro-black);color:var(--pro-gold)}
.practice-actual .exam-back-btn:hover,.practice-actual .exam-change-passage-btn:hover{background:var(--pro-black-3);color:var(--pro-gold-soft)}
.result-motivation,.result-share,.result-cert-promo{border-color:rgba(216,169,40,.34);background:linear-gradient(135deg,#fffdf8,#fff8df)}
.verdict.pass{background:rgba(216,169,40,.18);color:#755400}

/* Sharing box and icons use one coherent black/gold treatment. */
.site-share-inner{border-color:rgba(216,169,40,.38);background:linear-gradient(135deg,#141914,#242a20);box-shadow:0 9px 24px rgba(17,21,16,.14)}
.site-share-inner b{color:var(--pro-gold-soft)}.site-share-inner span{color:#c3cbc4}
.site-share-actions button,.share-btn{border-color:rgba(246,201,93,.5);background:#20251d;color:var(--pro-gold)}
.site-share-actions button:first-child,.share-native,.social-x-button,.share-x{border-color:var(--pro-gold-deep)!important;background:var(--pro-black)!important;color:var(--pro-gold)!important}
.site-share-actions button:hover,.share-btn:hover,.share-btn:focus-visible{border-color:var(--pro-gold);background:#30362a;color:var(--pro-gold-soft)}

/* Promotional rails and footer. */
.promo-rail .pr-card{border-color:var(--pro-line)!important;background:radial-gradient(circle at 100% 0,rgba(246,201,93,.12),transparent 34%),linear-gradient(145deg,#0f130f,#1c211a)!important;color:var(--pro-gold)!important}
.promo-rail .pr-title{color:var(--pro-gold)!important}.promo-rail .pr-sub,.promo-rail .pr-sub-light{color:#c8cec9!important}
.promo-rail .pr-link{border-color:rgba(246,201,93,.24)!important;background:rgba(255,255,255,.045)!important;color:var(--pro-gold)!important}
.promo-rail .pr-btn{border:1px solid var(--pro-gold)!important;background:var(--pro-gold)!important;color:#151712!important}
footer{background:radial-gradient(circle at 75% 0,rgba(246,201,93,.08),transparent 28%),linear-gradient(135deg,#0b0f0c,#161b15);border-top:1px solid rgba(246,201,93,.25)}
footer h4,footer .foot-logo span{color:var(--pro-gold-soft)}footer a{color:#c7cec8}footer a:hover{color:var(--pro-gold)}
footer .fine,.footer-legal-links{border-color:rgba(246,201,93,.16)!important}
.data-consent{margin-top:10px;padding-top:10px;border-top:1px solid rgba(246,201,93,.16);font-size:11px;line-height:1.55;color:#9eaaa1}

/* Home registration and Live Mode use the same sober Pro palette. */
.dash-preview,.community-preview{position:relative;overflow:hidden;border:1px solid rgba(246,201,93,.42)!important;background:radial-gradient(circle at 92% 5%,rgba(246,201,93,.12),transparent 31%),linear-gradient(145deg,#10140f,#23281f)!important;color:#eef2ee!important;box-shadow:0 14px 34px rgba(12,15,12,.14)}
.dash-preview:before{background:linear-gradient(90deg,rgba(246,201,93,.08),transparent 42%)!important}
.dash-preview h2,.community-preview h2{color:#fff!important}.dash-preview p,.community-preview p{color:#cbd3cc!important}.dash-soon-tag{background:rgba(246,201,93,.13)!important;border:1px solid rgba(246,201,93,.32);color:var(--pro-gold-soft)!important}.dash-mock{background:rgba(255,255,255,.045)!important;border-color:rgba(246,201,93,.26)!important}.dash-stat{background:rgba(255,255,255,.055)!important}.dash-stat b{color:var(--pro-gold-soft)!important}.dash-stat span,.dash-eg{color:#bfc8c0!important}.dash-bars i{background:linear-gradient(180deg,var(--pro-gold),#9c7615)!important}.community-board{border-color:rgba(246,201,93,.22)!important}.community-row{background:rgba(255,255,255,.045)!important;border-color:rgba(246,201,93,.2)!important}.community-row b{color:var(--pro-gold-soft)!important}.community-row span{color:#c7cec8!important}.community-row i{background:rgba(246,201,93,.12)!important;color:var(--pro-gold-soft)!important}

/* Keep the pinned PWA control separate from the horizontally scrolling links. */
.subnav .wrap{max-width:1240px;gap:12px}.subnav-scroll{padding-right:4px}.pwa-btn{position:relative;z-index:2;min-width:120px;margin-left:0;border-color:#fff!important}

.back-to-top{position:fixed;right:24px;bottom:92px;z-index:95;width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--pro-gold);border-radius:50%;background:linear-gradient(145deg,#10140f,#252a21);color:var(--pro-gold);font-size:25px;font-weight:900;line-height:1;cursor:pointer;box-shadow:0 10px 26px rgba(8,12,9,.3);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .18s,transform .18s,visibility .18s}.back-to-top.show{opacity:1;visibility:visible;transform:none}.back-to-top:hover{background:#292f25;color:#fff0b3}
.policy-toolbar{border-color:rgba(246,201,93,.32)!important}.btn.download{border:1px solid var(--pro-gold)!important;background:linear-gradient(145deg,#10140f,#252a21)!important;color:var(--pro-gold)!important}.btn.download:hover{background:#292f25!important;color:#fff0b3!important}.policy-toc a{color:#80600d!important}

/* Mobile menu keeps the same theme and remains touch-friendly. */
@media(max-width:960px){
  header.bar .wrap{display:flex;justify-content:space-between}
  .nav.top,.top{background:linear-gradient(160deg,#101410,#22271f);border-color:var(--pro-line)}
  .nav.top a,.nav.top button,.top a,.top button{color:#e9edea}
  .nav-item.has-drop,.top>.nav-link,.nav-drop a{border-color:rgba(246,201,93,.14)}
  .nav-drop,nav.top .nav-drop,.top .nav-drop{background:#181d17}
  nav.top .nav-drop a,.top .nav-drop a{color:#dce2dd}
}
@media(max-width:700px){.pwa-btn{min-width:auto}.back-to-top{right:17px;bottom:82px;width:42px;height:42px}.dash-preview,.community-preview{padding:22px!important}}

@media(prefers-reduced-motion:reduce){.btn.primary:hover{transform:none}}
/* Home mode choices: fixed card geometry keeps the section stable while fonts load. */
.home-mode-section{padding-top:42px}.home-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.home-mode-grid article{min-height:270px;padding:24px;border:1px solid rgba(246,201,93,.34);border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(246,201,93,.13),transparent 38%),linear-gradient(145deg,#10140f,#20241c);color:#e9eee9;display:flex;flex-direction:column}.home-mode-grid article>span{color:#f6c95d;font-size:11px;font-weight:900;letter-spacing:.12em}.home-mode-grid h3{color:#fff;font-size:23px;margin:10px 0}.home-mode-grid p{color:#c7cec8;line-height:1.65;flex:1}.home-mode-grid .btn{align-self:flex-start;background:#f6c95d!important;color:#151712!important;border-color:#f6c95d!important}
@media(max-width:980px){.home-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.home-mode-grid{grid-template-columns:1fr}.home-mode-grid article{min-height:0}}
.promo-install-app{border:0;background:none;color:#f6c95d;font:inherit;font-weight:800;cursor:pointer;padding:0}.promo-course-link{font-weight:850}.promo-separator{opacity:.55}.cpt-hero{padding:70px 0;background:radial-gradient(circle at 85% 20%,rgba(246,201,93,.18),transparent 35%),linear-gradient(145deg,#10140f,#25291f);color:#fff}.cpt-hero .wrap{max-width:970px}.cpt-hero h1{font-size:clamp(34px,5vw,62px);line-height:1.08;margin:12px 0}.cpt-hero p{max-width:850px;color:#d4dad4;font-size:18px;line-height:1.7}.cpt-kicker{color:#f6c95d;font-weight:900;letter-spacing:.12em}.cpt-section{padding-top:48px}.cpt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.cpt-grid article,.cpt-faq,.cpt-note{border:1px solid rgba(246,201,93,.34);border-radius:18px;background:#fff;padding:24px}.cpt-grid article{min-height:190px}.cpt-grid h3{color:#152319}.cpt-note{background:linear-gradient(145deg,#121711,#262a20);color:#e8eee9}.cpt-note h2{color:#f6c95d}.cpt-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.cpt-comparison article{display:flex;flex-direction:column;min-height:480px;padding:26px;border:1px solid rgba(246,201,93,.42);border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(246,201,93,.11),transparent 34%),linear-gradient(145deg,#10140f,#252a21);color:#d7ded8;box-shadow:0 12px 28px rgba(13,17,13,.12)}.cpt-comparison article.featured{border-color:var(--pro-gold);transform:translateY(-8px);box-shadow:0 18px 38px rgba(13,17,13,.2)}.cpt-level{align-self:flex-start;margin-bottom:14px;padding:5px 10px;border:1px solid rgba(246,201,93,.48);border-radius:999px;color:var(--pro-gold);font-size:11px;font-weight:900;letter-spacing:.09em}.cpt-comparison h3{min-height:78px;margin:0 0 12px;color:#fff;font-size:21px}.cpt-comparison p{min-height:70px;color:#cbd3cc}.cpt-comparison ul{flex:1;margin:14px 0 22px;padding-left:20px}.cpt-comparison li{margin:9px 0}.cpt-comparison .btn{align-self:flex-start}.cpt-all-courses{text-align:center;margin-top:20px}.cpt-all-courses a{display:inline-flex;padding:10px 17px;border:1px solid var(--pro-gold);border-radius:999px;color:#80600d;font-weight:850}.cpt-support{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:28px;border:1px solid var(--pro-gold);border-radius:18px;background:linear-gradient(145deg,#10140f,#252a21);color:#fff}.cpt-support span{color:var(--pro-gold);font-size:11px;font-weight:900;letter-spacing:.1em}.cpt-support h2{margin:8px 0;color:#fff}.cpt-support p{margin:0;color:#cbd3cc}.cpt-faq details{border-top:1px solid #e3d7b9;padding:15px 0}.cpt-faq summary{font-weight:850;cursor:pointer}@media(max-width:850px){.cpt-grid,.cpt-comparison{grid-template-columns:1fr 1fr}.cpt-comparison article.featured{transform:none}}@media(max-width:650px){.cpt-grid,.cpt-comparison{grid-template-columns:1fr}.cpt-hero{padding:48px 0}.cpt-comparison article{min-height:0}.cpt-comparison h3,.cpt-comparison p{min-height:0}.cpt-support{align-items:flex-start;flex-direction:column}.cpt-support .btn{width:100%;justify-content:center}}
.success-feedback-shell{margin-top:34px;padding:28px;border:1px solid rgba(246,201,93,.62);border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(246,201,93,.12),transparent 30%),linear-gradient(145deg,#10140f,#23271e);box-shadow:0 20px 45px rgba(10,14,11,.16)}.success-feedback-shell .sec-head h2,.success-feedback-shell .feedback-copy h2{color:#fff}.success-feedback-shell .sec-head p,.success-feedback-shell .feedback-copy p,.success-feedback-shell .review-note{color:#cbd2cc}.success-feedback-shell .review-summary{border-color:rgba(246,201,93,.35);background:rgba(255,255,255,.05)}.success-feedback-shell .review-summary b,.success-feedback-shell .stars{color:#f6c95d}.success-feedback-shell .review-summary span{color:#cbd2cc}.success-feedback-shell .review-card{border-color:rgba(246,201,93,.28);background:#fbfaf4}.feedback-inner{margin-top:30px;padding-top:30px;border-top:1px solid rgba(246,201,93,.32)}.success-feedback-shell .feedback-panel{margin:0;background:rgba(255,255,255,.055);border-color:rgba(246,201,93,.3)}
@media(max-width:700px){.success-feedback-shell{padding:18px}.promo-strip .wrap{gap:7px;justify-content:center;text-align:center;flex-wrap:wrap}.promo-separator{display:none}.promo-install-app{min-height:32px}.hero h1{font-size:clamp(34px,11vw,48px)}}

/* Success stories: high-contrast text on both light and dark surfaces. */
.success-feedback-shell .review-summary b{color:#5f4300!important;text-shadow:0 1px 0 rgba(255,255,255,.7)}
.success-feedback-shell .review-summary span{color:#334038!important;font-weight:900!important}
.success-feedback-shell .review-card .stars{color:#a96c00!important;font-weight:900;text-shadow:0 1px 0 rgba(255,255,255,.75)}
.success-feedback-shell .review-card p{color:#4b524d!important}
.success-feedback-shell .review-card b{color:#10261f!important}
.success-feedback-shell .review-card span{color:#176342!important}
.success-feedback-shell .feedback-badge{background:#f6c95d!important;color:#171a14!important;border:1px solid #d4a92d;font-weight:900!important}
.success-feedback-shell .feedback-form label{color:#f3e7bd!important;text-shadow:0 1px 1px #090b08}
.success-feedback-shell .feedback-form input,.success-feedback-shell .feedback-form select,.success-feedback-shell .feedback-form textarea{border-color:#9b8a55!important;color:#142019!important;background:#fff!important}
.success-feedback-shell .feedback-form input::placeholder,.success-feedback-shell .feedback-form textarea::placeholder{color:#626963!important;opacity:1}

/* Compact certificate feature highlight used on the homepage. */
.home-certificate-highlight{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:30px;align-items:center;padding:28px;border:1px solid rgba(246,201,93,.62);border-radius:20px;background:radial-gradient(circle at 5% 10%,rgba(246,201,93,.12),transparent 30%),linear-gradient(145deg,#0e120e,#23271e);box-shadow:0 18px 44px rgba(10,14,11,.16)}.home-certificate-preview{position:relative;padding:7px;border:1px solid rgba(246,201,93,.45);border-radius:12px;background:#fffaf0}.home-certificate-preview img{display:block;width:100%;height:auto;border-radius:7px}.home-certificate-price{position:absolute;z-index:1;left:-10px;top:-14px;padding:8px 13px;border:1px solid #e2b537;border-radius:6px;background:#f6c95d;color:#151712;font-size:12px;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.2)}.home-certificate-copy h2{margin:0 0 10px;color:#fff;font-size:clamp(24px,3vw,35px)}.home-certificate-copy p{margin:0 0 14px;color:#cbd2cc}.home-certificate-copy ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px;margin:0 0 18px;padding:0;list-style:none}.home-certificate-copy li{position:relative;padding-left:21px;color:#f1eee4;font-size:13px;line-height:1.45}.home-certificate-copy li:before{content:"✓";position:absolute;left:0;color:#f6c95d;font-weight:900}@media(max-width:760px){.home-certificate-highlight{grid-template-columns:1fr;padding:20px}.home-certificate-copy ul{grid-template-columns:1fr}.home-certificate-preview{max-width:600px}}
.promo-strip .promo-course-link{display:inline-flex;align-items:center;padding:3px 9px;border:1px solid rgba(246,201,93,.52);border-radius:999px;font-weight:850;line-height:1.2}.promo-strip .promo-course-link:hover{background:rgba(246,201,93,.1);border-color:var(--pro-gold)}
