/*! Tailwind CSS v4.1.10 · locally compiled build */
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-5xl: 64rem;
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --font-weight-bold: 700;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-primary-600: #386cf6;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .relative {
    position: relative;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-flex {
    display: inline-flex;
  }
  .w-full {
    width: 100%;
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .text-center {
    text-align: center;
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .text-primary-600 {
    color: var(--color-primary-600);
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-font-weight: initial;
    }
  }
}


:root{--navy:#182542;--ink:#202942;--muted:#6e7890;--line:#e4e9f2;--white:#fff;--bg:#f8faff;--blue:#386cf6;--purple:#8858ed;--green:#0c9d78;--r:10px;--width:1230px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.16;letter-spacing:-.034em}h1{font-weight:820}h2{font-weight:780}h3{font-weight:750}small{font-size:12px}.container{width:min(var(--width),calc(100% - 48px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.skip-link{position:absolute;z-index:999;top:-90px;left:16px;background:#fff;color:var(--ink);padding:8px 14px;border:1px solid var(--line);border-radius:var(--r)}.skip-link:focus{top:16px}.ui-icon{flex-shrink:0;vertical-align:middle}.eyebrow{display:block;font-size:11px;font-weight:840;letter-spacing:.16em;color:var(--purple);margin-bottom:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-align:center;font-weight:780;min-height:48px;padding:12px 18px;border:1px solid transparent;border-radius:var(--r);transition:background .15s,color .15s,transform .15s}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:var(--blue)}.button-primary:hover{background:#2554cf}.button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9cb9ff;outline-offset:3px}.topline{background:linear-gradient(100deg,#f0f5ff,#f5f0ff,#e7faf4);border-bottom:1px solid #e9eefa;font-size:12px;color:#516184;font-weight:650}.topline-inner{display:flex;align-items:center;gap:9px;padding-block:9px}.topline-mark{color:#7855e7;font-weight:900}.topline-right{margin-left:auto;color:#79869b;font-size:11px}.site-header{background:#fff;position:sticky;top:0;z-index:70;border-bottom:1px solid var(--line)}.nav-row{min-height:77px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:23px;font-weight:850;color:#14274d;letter-spacing:-.06em;line-height:1.1;white-space:nowrap}.brand small{display:block;color:#99a3b7;font-size:8px;letter-spacing:.17em;font-weight:790;margin-top:6px}.brand-icon{width:40px;height:40px;display:inline-grid;place-items:center;color:#fff;background:linear-gradient(135deg,#4375ff,#8b57e8);border-radius:var(--r)}.desktop-nav{display:flex;gap:22px;align-items:center;margin-left:12px}.desktop-nav a{padding:10px 0;font-size:13px;white-space:nowrap;color:#6a768e;font-weight:740;position:relative}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:#3263eb}.desktop-nav a[aria-current=page]::after{content:"";height:3px;border-radius:var(--r);background:#4674fd;position:absolute;left:0;right:0;bottom:-22px}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.nav-search{min-width:220px;display:flex;align-items:center;gap:8px;padding:5px 6px 5px 12px;border:1px solid #dde5f3;border-radius:var(--r);background:#f9fbff;color:#8c95a8}.nav-search input{background:none;border:none;min-width:0;outline:none;font-size:12px;width:152px;color:var(--ink)}.nav-search button{background:#426ffc;color:#fff;display:grid;place-items:center;width:31px;height:31px;border:0;border-radius:var(--r)}.mobile-toggle{display:none;border:1px solid var(--line);border-radius:var(--r);width:41px;height:41px;background:#fff;color:var(--ink)}.mobile-nav{display:none;padding:8px 0 20px}.mobile-nav[hidden]{display:none!important}
.hero{background:linear-gradient(120deg,#f7faff 2%,#eef3ff 51%,#f4eefe 100%);border-bottom:1px solid #e7edff;overflow:hidden}.hero-inner{display:grid;grid-template-columns:57% 43%;align-items:center;min-height:495px;gap:10px}.hero-content{position:relative;z-index:2;padding:58px 0 56px}.hero-badge{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.085em;font-weight:850;color:#5c58ad;background:#fff;border:1px solid #e0dffb;border-radius:var(--r);padding:9px 12px}.live-dot{background:#28be97;display:inline-block;width:7px;height:7px;border-radius:10px}.hero h1{font-size:clamp(40px,4.8vw,67px);line-height:1.07;margin:24px 0 19px;letter-spacing:-.062em;color:#182849;max-width:690px}.hero-highlight{display:inline-block;background:linear-gradient(110deg,#3f6ff4,#9158e8);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-sub{font-size:16px;line-height:1.75;color:#65738f;max-width:550px;margin-bottom:27px}.hero-search{max-width:615px;min-height:64px;display:flex;align-items:center;gap:12px;padding:7px 7px 7px 17px;background:#fff;border:1px solid #d8e2fb;border-radius:var(--r);color:#7990bb}.hero-search input{flex:1;min-width:10px;outline:none;border:0;font-size:14px;color:#1b2f5e}.hero-search input::placeholder{color:#a2acc0}.hero-search button{border:0;border-radius:var(--r);min-height:48px;padding:10px 17px;background:#4071f8;color:#fff;display:inline-flex;align-items:center;gap:12px;font-weight:750;white-space:nowrap}.hero-footer{display:flex;flex-wrap:wrap;gap:24px;margin-top:21px;font-size:12px;color:#69758b;font-weight:650}.hero-footer span{display:flex;gap:7px;align-items:center}.hero-footer svg{color:#17aa82}.hero-visual{position:relative;height:100%;min-height:400px}.orb{position:absolute;border-radius:10px;pointer-events:none}.orb-1{width:450px;height:450px;right:-75px;top:35px;background:radial-gradient(circle,#e0dcff 1%,#dceaff 52%,transparent 72%)}.orb-2{width:280px;height:280px;right:110px;top:110px;border:1px dashed #b1bdf1}.hero-graphic{width:308px;height:284px;position:absolute;right:79px;top:125px;background:linear-gradient(145deg,#4b75ff,#7656da);border:8px solid #fff;border-radius:var(--r);display:flex;flex-direction:column;justify-content:center;padding:30px;transform:rotate(-7deg);color:#fff}.hero-graphic span{font-size:42px;font-weight:900;letter-spacing:-.055em;line-height:1.05}.hero-graphic span:nth-child(2){font-size:34px}.hero-graphic i{font-size:60px;font-style:normal;align-self:flex-end}.hero-tile{position:absolute;background:#fff;border:1px solid #dce4ff;border-radius:var(--r);padding:16px 19px;z-index:3;display:flex;flex-direction:column;min-width:141px;gap:3px}.hero-tile span{font-size:21px;color:var(--blue)}.hero-tile b{font-size:17px;color:#263756}.hero-tile small{color:#8e9ab1}.tile-one{right:260px;top:50px;transform:rotate(-7deg)}.tile-two{right:0;top:84px;transform:rotate(7deg)}.tile-three{right:5px;bottom:33px;transform:rotate(5deg)}.tile-two span{color:#a458e5}.tile-three span{color:#08a8a0}
.hero-stats{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 32px;background:#fff;border:1px solid var(--line);border-radius:var(--r);margin-top:-1px}.hero-stats>div{display:flex;align-items:center;gap:14px}.hero-stats b{color:#2f5fe9;font-size:27px;line-height:1;font-weight:840;letter-spacing:-.05em}.hero-stats span{font-size:12px;color:#808ba2;font-weight:700;max-width:90px;line-height:1.35}.hero-stats>a{font-size:13px;font-weight:780;color:#4872e9;display:flex;gap:10px;align-items:center}.section{padding:71px 0 7px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.section-top .eyebrow{margin-bottom:8px}.section-top h2{font-size:33px;color:#1c2a49;margin-bottom:9px}.section-top p{font-size:14px;color:#78849b;margin-bottom:0}.text-link{display:inline-flex;align-items:center;gap:10px;color:#4270e7;font-size:13px;font-weight:770;white-space:nowrap;padding-bottom:7px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.category-tile{border:1px solid #e4eaf4;border-radius:var(--r);display:flex;align-items:center;gap:13px;background:#fff;min-height:90px;padding:16px;transition:transform .16s,border-color .16s}.category-tile:hover{transform:translateY(-2px);border-color:#adc1f9}.category-icon{flex:0 0 47px;height:47px;display:grid;place-items:center;border-radius:var(--r);font-weight:800;font-size:24px;background:#edf2ff;color:#4675fa}.cat-2 .category-icon{background:#f6ecff;color:#9159ec}.cat-3 .category-icon{background:#e8f9f4;color:#0a9d7c}.cat-4 .category-icon{background:#fff5e6;color:#e59a2e}.cat-5 .category-icon{background:#f9eef3;color:#e86f9f}.cat-6 .category-icon{background:#edf5ff;color:#5295d8}.category-tile strong{display:block;color:#293953;font-size:13px;line-height:1.2}.category-tile small{display:block;margin-top:5px;color:#9aa4b4;font-size:11px}.category-tile>svg{margin-left:auto;color:#a8b0bf}.course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.course-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #e5eaf3;border-radius:var(--r);background:#fff;min-width:0;transition:border-color .17s,transform .17s}.course-card:hover{border-color:#b5c6f8;transform:translateY(-2px)}.card-art{display:block;position:relative;background:#e8eefd;aspect-ratio:16/9;overflow:hidden}.card-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.course-card:hover .card-art img{transform:scale(1.04)}.card-corner{position:absolute;right:10px;bottom:10px;width:30px;height:30px;display:grid;place-items:center;background:rgba(255,255,255,.95);color:#3566ed;border:1px solid #e4eaf5;border-radius:var(--r)}.card-inside{padding:18px 16px 16px;flex:1}.card-cat{font-size:11px;color:#695ed9;display:flex;gap:7px;align-items:center;font-weight:750;margin-bottom:10px}.card-inside h3{font-size:16px;line-height:1.43;font-weight:790;color:#24314d;margin-bottom:11px;min-height:46px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-inside h3 a:hover{color:#3d6af2}.card-desc{font-size:12px;color:#8893a6;line-height:1.6;margin-bottom:0;min-height:37px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-bottom{border-top:1px solid #edf0f5;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:11px;color:#8190a5;font-weight:660}.card-bottom span{display:flex;align-items:center;gap:6px}.card-explore{color:#356ce8;font-weight:780!important}.feature-banner{margin:68px 0 2px;border-radius:var(--r);padding:41px 50px;background:linear-gradient(110deg,#243e94,#6656d8);color:#fff;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px}.feature-banner h2{font-size:31px;max-width:550px;margin-bottom:9px}.feature-banner p{opacity:.85;margin:0;max-width:500px;font-size:14px}.feature-banner .eyebrow{color:#c6ccff}.feature-banner a{z-index:1;display:flex;gap:10px;align-items:center;border-radius:var(--r);border:1px solid #afabf7;background:#fff;color:#3c54c3;padding:13px 18px;font-weight:800;white-space:nowrap;font-size:13px}.feature-flower{position:absolute;font-size:250px;line-height:1;right:195px;top:-70px;color:rgba(255,255,255,.055);pointer-events:none}
.listing-page{padding-top:39px;padding-bottom:65px}.breadcrumb{display:flex;align-items:center;gap:7px;font-size:12px;color:#9aa4b5;flex-wrap:wrap;margin:0 0 26px}.breadcrumb a:hover{color:#3a69e7}.breadcrumb span{color:#59677f}.listing-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px;gap:22px}.listing-head h1{font-size:43px;color:#1c2947;margin:9px 0}.listing-head p{color:#77849b;font-size:14px;margin:0}.listing-count{border:1px solid #e0e7f7;background:#f7f9ff;border-radius:var(--r);padding:17px 22px;min-width:153px;text-align:center}.listing-count b{display:block;font-size:30px;line-height:1.1;color:#3c67e6}.listing-count span{font-size:11px;color:#8793a9}.listing-toolbar{display:flex;gap:13px;justify-content:space-between;align-items:center;margin-top:25px}.listing-search{border:1px solid #dce5f5;display:flex;align-items:center;gap:10px;border-radius:var(--r);padding:6px 7px 6px 14px;flex:1;max-width:635px;color:#92a0b6;background:#fff}.listing-search input{border:0;outline:0;min-width:0;flex:1;color:var(--ink)}.listing-search button{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#fff;padding:10px 18px;border:0;border-radius:var(--r);font-weight:750;font-size:13px}.sort-form{display:flex;align-items:center;gap:9px;font-size:12px;color:#8290a7;font-weight:720}.sort-form select{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:12px 10px;color:#2b3857;min-width:132px}.filter-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:22px 1px 19px}.filter-chip{font-size:12px;white-space:nowrap;border:1px solid #e1e7f0;padding:9px 14px;border-radius:var(--r);color:#67758e;background:#fff;font-weight:710}.filter-chip:hover{color:#3365e9;border-color:#cad6fb}.filter-chip.active{background:#3f6ef2;border-color:#3f6ef2;color:#fff}.with-rail{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:25px;align-items:start}.with-rail .course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.results-title{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e7ebf2;padding:5px 1px 16px;margin-bottom:19px}.results-title b{font-size:13px;color:#2d3d5b}.results-title span{font-size:12px;color:#9da6b5}.rail-box{border:1px solid #e7ebf2;border-radius:var(--r);min-height:250px;background:#fafdff}.rail-label{padding:15px;border-bottom:1px solid #e7ebf2;color:#6c7a93;font-size:12px;font-weight:750}.rail-inner{padding:10px}.pagination{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:38px}.pagination a{display:grid;place-items:center;border-radius:var(--r);height:39px;min-width:39px;padding:0 13px;border:1px solid #e2e7f3;color:#586a89;font-weight:730;font-size:12px}.pagination a:hover,.pagination a[aria-current=page]{background:#3c6ff1;border-color:#3c6ff1;color:#fff}.empty-results{text-align:center;border:1px dashed #dce4f4;border-radius:var(--r);padding:60px 18px}.empty-results>div{font-size:75px;color:#b9c6e6}.empty-results h2{font-size:24px}.empty-results p{color:var(--muted)}
.detail-page{padding-top:35px;padding-bottom:70px}.detail-head{background:linear-gradient(115deg,#f6f9ff,#f9f5ff);border:1px solid #e7eafa;border-radius:var(--r);padding:35px 38px;margin-bottom:25px}.detail-head h1{font-size:clamp(26px,3.3vw,42px);max-width:950px;line-height:1.2;margin-bottom:15px}.detail-head p{font-size:15px;color:#76849d;max-width:830px;margin-bottom:18px}.detail-tags{display:flex;flex-wrap:wrap;gap:13px}.detail-tags span{display:flex;gap:8px;align-items:center;color:#596c8d;border:1px solid #e3eafa;background:#fff;padding:7px 11px;border-radius:var(--r);font-size:12px;font-weight:710}.detail-tags svg{color:#5678e9}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:26px;align-items:start;margin-top:25px}.detail-content{min-width:0}.preview-wrap{border:1px solid #e0e6f0;border-radius:var(--r);overflow:hidden;background:#e7edff;position:relative}.course-preview{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.preview-mark{position:absolute;bottom:16px;left:16px;color:#27395e;background:#fff;border-radius:var(--r);padding:7px 11px;font-size:10px;letter-spacing:.1em;font-weight:850}.detail-section{border:1px solid #e7eaf1;border-radius:var(--r);padding:29px 30px;margin-top:22px}.panel-title{display:flex;align-items:center;gap:12px;margin-bottom:19px}.panel-title>span{width:38px;height:38px;border-radius:var(--r);background:#f0f3ff;color:#5576ed;display:grid;place-items:center}.panel-title h2{font-size:22px;margin:0;color:#1c2b4a}.rich-content{font-size:14px;color:#606f87;line-height:1.8;overflow-wrap:anywhere}.rich-content h2,.rich-content h3{font-size:19px;color:#263855;margin:20px 0 10px}.rich-content p{margin-bottom:12px}.rich-content ul,.rich-content ol{padding-left:22px}.rich-content li{padding:4px 0}.rich-content blockquote{border-left:3px solid #a0b3f3;margin:15px 0;padding:9px 18px;background:#f5f7ff}.learn-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.learn-list li{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:#596883}.learn-list svg{color:#0ba87d;margin-top:2px}.bullet-list{font-size:14px;color:#5d6b82;margin:0;padding-left:23px;line-height:1.8}.detail-muted{font-size:13px;color:#7b889f;margin-bottom:18px}.detail-sidebar{position:sticky;top:102px}.enroll-panel{border:1px solid #dfe6f3;border-radius:var(--r);padding:25px;background:#fff}.enroll-kicker{font-size:10px;letter-spacing:.15em;font-weight:850;color:#8465df;margin-bottom:16px}.enroll-panel h2{font-size:25px;color:#1f2b48;margin-bottom:12px}.enroll-panel>p{font-size:13px;line-height:1.75;color:#78869e}.enroll-facts{margin:20px 0 23px;border-top:1px solid #e8eaf2}.enroll-facts>div{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #e8eaf2;font-size:12px;color:#77849c}.enroll-facts strong{margin-left:auto;font-size:11px;color:#263554}.enroll-facts svg{color:#6684e8}.enroll-button{width:100%;justify-content:space-between}.enroll-note{text-align:center;font-size:10px!important;color:#a2acbe!important;margin-top:13px!important;margin-bottom:0}.author-panel{margin-top:18px;border:1px solid #e5eaf2;border-radius:var(--r);padding:23px}.author-row{display:flex;align-items:center;gap:13px}.author-avatar{width:44px;height:44px;border-radius:var(--r);background:#eff4ff;color:#6884ec;display:grid;place-items:center}.author-row b{font-size:13px;display:block}.author-row small{color:#9aa5b6}.unavailable{color:#bf3d52!important}.reactions{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.reaction{min-height:118px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:7px;border:1px solid #e7e9f1;background:#fff;border-radius:var(--r);transition:background .15s,border-color .15s}.reaction:hover,.reaction[aria-pressed=true]{background:#f3f5ff;border-color:#a6b8ef}.reaction-emoji{font-size:30px;line-height:1.2}.reaction small{color:#738099;font-size:11px}.reaction strong{font-size:15px;color:#3b558c}.interaction-message{font-size:12px;margin:9px 0 0;min-height:18px;color:#207a68}.interaction-message.error{color:#c13852}.comment-form label{display:block;font-size:12px;font-weight:720;color:#57647c;margin-bottom:16px}.comment-form input,.comment-form textarea{width:100%;border:1px solid #dfe5f1;padding:11px 13px;border-radius:var(--r);outline:none;margin-top:8px;color:#202a41;background:#fff}.comment-form textarea{resize:vertical;min-height:110px}.two-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.comment-submit{display:flex;align-items:center;justify-content:space-between;gap:14px}.comment-submit span{font-size:11px;color:#a1abbb}.bot-trap{position:absolute!important;left:-10000px!important;opacity:0!important}.comment-list{margin-top:28px}.comment-item{display:flex;gap:12px;border-top:1px solid #eef0f5;padding:18px 0}.comment-avatar{width:37px;height:37px;background:#edeefe;border-radius:var(--r);display:grid;place-items:center;font-weight:850;color:#6955c6;flex-shrink:0}.comment-meta{display:flex;align-items:center;gap:12px}.comment-meta strong{font-size:13px}.comment-meta time{font-size:11px;color:#a0aaba}.comment-item p{margin:7px 0;font-size:13px;color:#68778e;white-space:pre-wrap;overflow-wrap:anywhere}.related-section{margin-top:12px}
.gate-page{padding-top:38px;padding-bottom:75px}.gate-card{max-width:660px;border:1px solid #e1e8f8;border-radius:var(--r);padding:54px 46px;margin:28px auto 0;text-align:center;background:linear-gradient(160deg,#fff,#fafaff)}.gate-icon{width:67px;height:67px;display:grid;place-items:center;margin:auto auto 21px;background:#edf2ff;color:#4570ed;border-radius:var(--r)}.gate-card h1{font-size:33px;color:#213152}.gate-card p{font-size:14px;color:#7a879d;line-height:1.75}.gate-card strong{color:#2e3c58}.timer-shell{display:grid;place-items:center;padding:24px 0 25px}.timer-ring{width:145px;height:145px;border:8px solid #dee7ff;border-top-color:#4c72ed;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.timer-ring span{color:#3558bc;font-size:51px;line-height:1;font-weight:850}.timer-ring small{margin-top:7px;letter-spacing:.13em;color:#97a4bd;font-size:10px;font-weight:750}.gate-continue{min-width:260px}.gate-continue[aria-disabled=true]{opacity:.5;cursor:not-allowed}.gate-hint{font-size:11px;color:#9ca5b7;margin-top:12px}.gate-back{display:block;margin-top:25px;color:#5d73ba;font-size:12px;font-weight:750}.static-page{max-width:940px;padding-top:45px;padding-bottom:80px}.static-hero{background:linear-gradient(120deg,#f3f7ff,#fbf5ff);border:1px solid #e7eaf6;padding:39px;border-radius:var(--r)}.static-hero h1{font-size:42px;margin:6px 0 12px}.static-hero p{color:#8791a8;margin:0}.static-body{padding:30px 4px;max-width:785px}.static-body section{margin:27px 0;border-bottom:1px solid #edf0f6;padding-bottom:15px}.static-body h2{font-size:20px;color:#203153}.static-body p{font-size:14px;color:#69778d;line-height:1.8}.static-body a:not(.button){color:#3d67e1;text-decoration:underline}.static-body .button{margin:14px 0}.not-found{text-align:center;padding:120px 16px}.huge-404{font-size:120px;line-height:1;font-weight:900;letter-spacing:-.08em;color:#dee7ff}.not-found h1{font-size:30px;margin:20px 0 12px}.not-found p{color:#8090a6;margin-bottom:25px}
.footer{margin-top:62px;border-top:1px solid #e5eaf4;background:#f8faff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:55px;padding-top:54px;padding-bottom:46px}.footer-brand{margin-bottom:10px}.footer-about{max-width:300px;color:#8390a5;font-size:13px;line-height:1.8;margin:12px 0 18px}.footer-pill{display:inline-block;border:1px solid #d7e3fa;border-radius:var(--r);padding:8px 12px;color:#6c82b6;font-size:11px;background:#fff}.footer-grid h3{font-size:13px;margin:5px 0 20px;color:#243451;letter-spacing:0}.footer-grid>div>a:not(.brand):not(.footer-link){display:block;font-size:12px;color:#8490a6;margin-bottom:12px}.footer-grid a:hover{color:#3069e8!important}.footer-note p{font-size:13px;color:#8591a4;line-height:1.75}.footer-link{display:inline-flex;align-items:center;gap:8px;color:#3f6bea;font-weight:760;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:21px 0;border-top:1px solid #e7ebf4;color:#9ca8b9;font-size:11px}.to-top{position:fixed;right:23px;bottom:24px;width:46px;height:46px;background:#3c6df4;border:1px solid #3162e1;color:#fff;border-radius:var(--r);z-index:91;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .22s,transform .22s;display:grid;place-items:center}.to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.ad-placement{max-width:100%;overflow:hidden;text-align:center}.ad-placement>ins{max-width:100%}.ad-sidebar{min-height:0}.adblock-notice{position:fixed;left:20px;bottom:20px;z-index:90;display:flex;align-items:center;gap:12px;max-width:390px;padding:14px 15px;background:#fff;border:1px solid #dbe4f7;border-radius:var(--r);color:#5f6e86;font-size:12px}.adblock-notice[hidden]{display:none}.adblock-notice button{border:0;background:#eef2fa;border-radius:var(--r);width:29px;height:29px;font-size:22px;color:#5c6b85}
@media(max-width:1170px){.desktop-nav{gap:13px;margin-left:0}.nav-row{gap:17px}.nav-search{min-width:195px}.course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h1{font-size:50px}.hero-graphic{right:17px}.tile-one{right:210px}.tile-two{right:-13px}}
@media(max-width:960px){.desktop-nav,.nav-search{display:none}.mobile-toggle{display:grid;place-items:center}.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:7px}.mobile-nav>a{padding:11px 8px;border-bottom:1px solid var(--line);font-weight:700;font-size:13px}.mobile-nav form{display:flex;gap:8px;padding-top:11px}.mobile-nav input{flex:1;min-width:0;border:1px solid var(--line);padding:9px;border-radius:var(--r)}.mobile-nav button{border:0;background:var(--blue);color:#fff;padding:9px 13px;border-radius:var(--r)}.hero-inner{grid-template-columns:1fr}.hero-content{max-width:780px;padding:54px 0}.hero-visual{display:none}.hero h1{max-width:680px}.hero-search{max-width:650px}.detail-grid{grid-template-columns:minmax(0,1fr)}.detail-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.author-panel{margin-top:0}.with-rail{grid-template-columns:minmax(0,1fr)}.rail{display:none}.with-rail .course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{gap:27px}.hero-stats{padding:20px}}
@media(max-width:700px){.container{width:min(var(--width),calc(100% - 28px))}.topline-right{display:none}.nav-row{min-height:67px}.brand{font-size:20px}.brand-icon{width:37px;height:37px}.hero-content{padding:49px 0 45px}.hero h1{font-size:clamp(36px,9vw,54px)}.hero-sub{font-size:14px}.hero-badge{font-size:9px}.hero-search{min-height:56px}.hero-search button{font-size:0;padding:10px;min-width:44px}.hero-search button svg{width:20px;height:20px}.hero-footer{gap:14px}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.hero-stats>a{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px}.section{padding-top:51px}.section-top{align-items:start}.section-top h2{font-size:26px}.section-top p{font-size:12px}.text-link{font-size:11px;margin-top:8px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.category-tile{gap:9px;min-height:80px;padding:10px}.category-icon{width:37px;height:37px;flex-basis:37px;font-size:18px}.category-tile strong{font-size:12px}.category-tile>svg{display:none}.course-grid,.with-rail .course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-inside{padding:13px 11px}.card-inside h3{font-size:13px;min-height:37px;line-height:1.35}.card-desc{font-size:11px}.card-cat{font-size:10px}.card-bottom{padding:10px;font-size:10px}.card-explore{display:none!important}.feature-banner{padding:31px 25px;flex-direction:column;align-items:flex-start;gap:20px;margin-top:50px}.feature-banner h2{font-size:25px}.listing-head{align-items:flex-start}.listing-head h1{font-size:32px}.listing-count{padding:12px;min-width:100px}.listing-count b{font-size:22px}.listing-count span{font-size:10px}.listing-toolbar{flex-direction:column;align-items:stretch}.listing-search{width:100%;max-width:none}.sort-form{align-self:flex-end}.detail-page{padding-top:23px}.detail-head{padding:25px 19px}.detail-head h1{font-size:29px}.detail-head p{font-size:13px}.detail-section{padding:22px 18px}.learn-list{grid-template-columns:1fr}.panel-title h2{font-size:20px}.detail-sidebar{grid-template-columns:1fr}.author-panel{margin-top:0}.reactions{gap:5px}.reaction{min-height:95px;padding:6px 2px}.reaction-emoji{font-size:23px}.reaction small{font-size:9px}.reaction strong{font-size:13px}.two-inputs{grid-template-columns:1fr;gap:0}.gate-card{padding:42px 20px}.gate-card h1{font-size:28px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:26px 20px;padding:40px 0}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer-grid>div:last-child{max-width:350px}.footer-bottom{flex-direction:column;gap:5px}.static-hero{padding:26px}.static-hero h1{font-size:32px}}
@media(max-width:390px){.course-grid,.with-rail .course-grid{grid-template-columns:1fr 1fr}.card-desc{display:none}.card-inside h3{font-size:12px}.card-inside{padding:11px}.card-bottom{padding:8px}.hero-footer{font-size:11px}.listing-head{flex-direction:column}.listing-count{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.with-rail.without-rail{grid-template-columns:1fr}.with-rail.without-rail .course-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.with-rail.without-rail .course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.with-rail.without-rail .course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* 2026 premium light polish: sharp outlines, no shadows, consistent 10px rounding. */
:root{--navy:#131f39;--ink:#202943;--blue:#365fef;--purple:#7547e8;--green:#058f78;--line:#e0e7f4;--bg:#f7f9fe;--r:10px}
*,*::before,*::after{box-shadow:none!important}
button,input,textarea,select,.course-card,.category-tile,.button,.hero-graphic,.hero-tile,.gate-card,.adblock-card,.adblock-illustration,.category-icon,.brand-icon,.filter-chip,.reaction,.comment-item,.enroll-panel,.author-panel,.preview-wrap,.nav-search,.hero-search,.hero-badge,.hero-stats,.feature-banner,.detail-section,.footer-pill,.static-hero,.static-body,.to-top{border-radius:10px!important}
.hero{background:linear-gradient(113deg,#f5f9ff 0%,#eff4ff 37%,#f5f0ff 70%,#f0fff9 100%)}
.hero-graphic{background:linear-gradient(137deg,#3468fe,#814fea 65%,#a46ff2);border:5px solid #fff}
.brand-icon{background:linear-gradient(145deg,#2969fc,#7956f1)}
.course-card{border:1px solid #dfe6f4}.course-card:hover{border-color:#8eadee}
.card-art{background:#eef3ff}.category-tile{background:linear-gradient(135deg,#fff,#fafdff)}
.site-header{backdrop-filter:saturate(1.05);-webkit-backdrop-filter:saturate(1.05)}
.nav-row>a,.desktop-nav a,.nav-actions button{transition:color .15s,border-color .15s}
.adblock-body{min-height:100vh;background:linear-gradient(120deg,#f7faff,#f8f3ff 70%,#edfcf9)}
.adblock-shell{max-width:980px;margin:7vh auto;padding:0 20px}
.adblock-back{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#54617c;margin:0 0 24px}
.adblock-card{display:grid;grid-template-columns:1fr 1fr;gap:20px;border:1px solid #dbe4f9;background:#fff;padding:clamp(26px,5vw,60px);align-items:center}
.adblock-label{color:#6b57d9;font-weight:800;font-size:12px;letter-spacing:.12em;display:inline-flex;gap:8px;align-items:center}
.adblock-card h1{font-size:clamp(30px,4.2vw,52px);color:#1d2b4c;line-height:1.08;letter-spacing:-.05em;margin:20px 0}
.adblock-card p{font-size:15px;color:#64728c;line-height:1.8}
.adblock-card ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:13px}
.adblock-card li{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#455370}
.adblock-count{display:grid;place-items:center;width:28px;height:28px;background:#edf2ff;color:#4b62dd;font-weight:850;border-radius:10px;flex:none}
.adblock-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.adblock-illustration{min-height:330px;display:grid;place-items:center;position:relative;border:1px solid #dfe4fa;overflow:hidden;background:radial-gradient(circle at 68% 20%,#cbdcff,transparent 50%),radial-gradient(circle at 30% 73%,#dcd2ff,transparent 50%),#f3f5ff}
.shield-graphic{position:relative;width:175px;height:195px;display:grid;place-items:center;background:linear-gradient(140deg,#366eff,#8350ed);clip-path:polygon(50% 0,93% 20%,88% 72%,50% 100%,12% 72%,7% 20%);border-radius:10px;color:#fff}
.shield-inner{width:128px;height:142px;clip-path:polygon(50% 0,93% 21%,87% 70%,50% 99%,13% 70%,7% 21%);background:linear-gradient(140deg,#e8eeff,#faf1ff);display:grid;place-items:center;font-size:66px;color:#5575e9}
.adblock-bubble{position:absolute;background:#fff;border:1px solid #dbe3fa;padding:11px 15px;font-size:13px;font-weight:750;color:#526489;border-radius:10px}
.adblock-bubble.one{left:8%;top:18%}.adblock-bubble.two{right:7%;bottom:17%}
@media(max-width:720px){.adblock-card{grid-template-columns:1fr}.adblock-illustration{min-height:205px;grid-row:1}.shield-graphic{transform:scale(.72)}.adblock-shell{margin:20px auto}}

/* Service-status view: one stylesheet, zero shadows, 10px radius. */
.sv-error-body{background:linear-gradient(140deg,#f5f8ff 0%,#f2fcf9 57%,#fff8f2 100%);color:#182341;min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}
.sv-error-wrap{width:min(100% - 32px,610px);margin:0 auto;padding:8vh 0 4vh}
.sv-error-logo{display:inline-flex;gap:10px;align-items:center;color:#132444;font-weight:800;font-size:22px;text-decoration:none;margin-bottom:28px}
.sv-error-mark{display:grid;place-items:center;width:37px;height:37px;border:1px solid #c4d7ff;border-radius:10px;color:#3857ce;background:#eaf0ff}
.sv-error-card{border:1px solid #dce6f4;background:#fff;border-radius:10px;padding:clamp(24px,6vw,42px)}
.sv-error-symbol{display:grid;place-items:center;width:57px;height:57px;border:1px solid #f5c8ac;border-radius:10px;background:#fff3e9;color:#e57c44;font-size:30px;font-weight:800;margin-bottom:22px}
.sv-error-tag{font-size:11px;font-weight:800;letter-spacing:.12em;color:#627abd}
.sv-error-card h1{font-size:clamp(26px,4.5vw,38px);line-height:1.16;margin:14px 0 12px;letter-spacing:-.04em;font-weight:850}
.sv-error-card>p{color:#5c6b87;line-height:1.75;margin-bottom:20px}
.sv-error-insight{border:1px solid #dce6f4;background:#f7faff;padding:17px 18px;border-radius:10px;color:#273653}
.sv-error-insight strong{font-weight:800;font-size:14px}.sv-error-insight p{margin:7px 0;color:#576c93;font-size:14px;line-height:1.65}
.sv-error-insight small{display:block;color:#667797;margin-top:8px}.sv-error-insight code{display:block;white-space:normal;overflow-wrap:anywhere;margin-top:9px;background:#e9f0ff;padding:10px 12px;border:1px solid #d6e3fb;border-radius:10px;font-size:13px;color:#304f9e}
.sv-error-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:25px}
.sv-error-button{display:inline-flex;background:#4d65e6;color:white!important;border:1px solid #4d65e6;border-radius:10px;text-decoration:none;font-size:14px;font-weight:800;padding:13px 18px}
.sv-error-secondary{color:#425acb;font-size:14px;font-weight:800;text-decoration:none}.sv-error-foot{color:#7283a1;text-align:center;font-size:13px;margin-top:18px}


/* SkillVista cohesive interface 2026. High-contrast semantic tokens; no elevation shadows. */
:root{
 --navy:#17294e;--ink:#162647;--muted:#465876;--line:#d5dff0;--white:#fff;
 --bg:#f5f8ff;--blue:#3859ea;--purple:#6a3cdb;--green:#078b68;
 --r:10px;--width:1230px;--surface:#fff;--surface-soft:#f5f7ff;
 font-family:'Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif;
 color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;
}
html,body,button,input,select,textarea{font-family:'Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif}
body{font-size:16px;line-height:1.65;color:var(--ink)}
*{box-shadow:none!important}
:is(.button,button,input,textarea,select,.course-card,.category-tile,.brand-icon,.enroll-panel,.author-panel,.detail-section,.preview-wrap,.rail-box,.nav-search,.hero-search,.hero-visual,.hero-badge,.feature-banner,.search-field,.comment-item,.reaction,.to-top,.connect-card,.connect-intro,.connect-help,.connect-reason,.connect-issue,.connect-help-top,.connect-refresh,.connect-steps,.connect-steps>div,.connect-check-link,.static-hero,.listing-toolbar,.filter-chip,.category-icon,.footer-pill,.contact-form,.contact-notice,.contact-alt){border-radius:10px!important}
::selection{background:#dfe8ff;color:#132956}
:where(a,button,input,textarea,select):focus-visible{outline:3px solid #6680fb;outline-offset:3px}
a{transition:color .18s,border-color .18s,background-color .18s}
button:hover{filter:brightness(.98)}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.115em;color:#5d38c4}
.topline{background:#182448;border-color:#182448;color:#e8eeff;font-size:12px}
.topline-mark{color:#8af2e6}.topline-right{color:#c7d4f1;font-size:12px}
.brand{font-weight:800;letter-spacing:-.06em;color:#122448}
.brand small{color:#667692;font-size:9px}
.brand-icon{background:#514bec;color:#fff;border:1px solid #594ee5}
.site-header{z-index:90;background:#fff;border-bottom:1px solid #d7e1f2;backdrop-filter:none;-webkit-backdrop-filter:none}
.nav-row{min-height:82px;gap:22px}
.desktop-nav{align-self:stretch;display:flex;align-items:stretch;margin-left:10px;gap:3px}
.desktop-nav a{border-radius:0!important;display:flex;align-items:center;justify-content:center;align-self:stretch;padding:0 14px;margin-bottom:-1px;border-bottom:3px solid transparent;font-size:13px;font-weight:750;color:#435373;transition:background .15s,border .15s,color .15s}
.desktop-nav a[aria-current=page]{background:#eff2ff;border-bottom-color:#4d5bed;color:#303ec2}
.desktop-nav a:hover{background:#f3f6ff;color:#3049c7}
.desktop-nav a[aria-current=page]::after{display:none!important}
.nav-search{border-color:#cfdaef;background:#f8faff;color:#51627d}
.nav-search input{font-size:13px;color:#263654}.nav-search input::placeholder{color:#657690}
.nav-search button{background:#415df0}
.mobile-toggle{border-color:#ced9ee;color:#213457;background:#f7f9ff}
.button-primary,.hero-search button,.listing-search button{background:#435bea;color:#fff}
.button-primary:hover,.hero-search button:hover,.listing-search button:hover{background:#334bd7}
.hero{background:linear-gradient(115deg,#f4f8ff 0%,#f5f4ff 55%,#f3fcfa 100%);border-color:#e1e8f7}
.hero-content{padding:76px 0}.hero h1{color:#152751;font-size:clamp(41px,4.7vw,70px);letter-spacing:-.065em;font-weight:800;line-height:1.13}
.hero-sub{color:#3e5172;font-size:17px;line-height:1.85}
.hero-badge{font-size:11px;color:#354a96;background:#ebf1ff;border:1px solid #cddaf5}
.hero-search{border-color:#c6d4ed}.hero-search input{color:#253754}
.hero-visual{background:#302978;border:1px solid #c3c3ef;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:26px;min-height:430px}
.hero-visual::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 83% 18%,#6e61c9 0%,transparent 39%),radial-gradient(circle at 20% 91%,#477ba1 0%,transparent 47%)}
.visual-kicker,.visual-main,.visual-bottom{position:relative;z-index:1;color:#fff}.visual-kicker{font-size:11px;letter-spacing:.13em;font-weight:800;display:flex;justify-content:space-between;gap:10px}
.visual-main{padding:10px 0}.visual-line{font-size:clamp(32px,3.5vw,54px);font-weight:800;line-height:1.17;letter-spacing:-.064em}
.visual-line em{font-style:normal;color:#d2ffbc}.visual-orbit{color:#c6ffdc;font-size:40px;margin-bottom:20px}
.visual-caption{color:#dbe8ff;font-size:15px;margin-top:23px}.visual-bottom{display:flex;justify-content:space-between;gap:7px;border-top:1px solid #a3adca;padding-top:18px;color:#deebff;font-size:11px;letter-spacing:.04em}
.visual-bottom b{color:#9aefe2;margin-right:5px}
.hero-footer,.hero-stats span,.hero-stats a{color:#475a79}
.hero-stats{border-color:#d8e3f5}
.section-top h2,.feature-banner h2{color:#17284d;letter-spacing:-.047em}
.section-top p,.listing-head p{color:#475a78;font-size:15px}
.category-tile{border-color:#d6e1f2}.category-tile strong{color:#192d51}.category-tile small{color:#52637e}
.category-tile:hover,.course-card:hover{border-color:#859af4}
.course-card{border-color:#d8e1ef}.card-inside h3{color:#183154;font-weight:750}.card-desc{color:#4c6080;font-size:13px}
.card-cat,.card-bottom{color:#4f6583}.card-explore{color:#3b53d3;font-weight:750}
.listing-head h1{color:#17294c}.listing-count span,.results-title span{color:#4b5f7b}
.filter-chip{color:#415879;border-color:#d3dfed}.filter-chip.active{color:#293fbc;border-color:#6a77ef;background:#eff1ff}
.breadcrumb{font-size:13px;color:#53637f}.breadcrumb span{color:#2f415f}
.detail-head{background:linear-gradient(115deg,#f1f6ff,#f7f2ff);border-color:#d7e0f6}
.detail-head h1{color:#14274b;font-weight:800}
.detail-head p{font-size:17px;color:#384e71;line-height:1.8}
.detail-tags span{color:#384e6c;border-color:#d5e0f3;font-size:13px}
.detail-section{border-color:#d9e3f0}.panel-title h2{color:#1b2e50}
.rich-content{font-size:18px;line-height:1.86;color:#273954;overflow-wrap:anywhere}
.rich-content :is(p,li,div,blockquote){line-height:1.86}
.rich-content h2{font-size:24px;line-height:1.35;color:#182c50}
.rich-content h3{font-size:21px;line-height:1.4;color:#193257}
.rich-content :is(ul,ol){padding-left:26px;margin:14px 0 20px}
.rich-content ul{list-style:disc}.rich-content ol{list-style:decimal}
.rich-content li{padding:5px 0}
.rich-content a,.static-body a:not(.button){color:#2c49c3;text-underline-offset:3px}
.learn-list li,.bullet-list{font-size:17px;line-height:1.8;color:#304362}
.detail-muted{font-size:15px;color:#495c77;line-height:1.8}
.reaction small,.reaction strong{color:#344663}.reaction[aria-pressed=true]{background:#eef1ff;border-color:#7d89f6}
.comment-form label,.comment-form input,.comment-form textarea{font-size:15px;color:#263954}
.comment-form label{font-weight:750}
.comment-form input,.comment-form textarea{border-color:#cbd9ed;background:#fff}
.comment-submit span,.comment-meta time{color:#556881;font-size:12px}
.comment-meta strong{font-size:15px;color:#182c4b}.comment-item p{font-size:15px;color:#384e6e;line-height:1.8}
.footer{background:#f5f8ff;border-color:#dce5f2}.footer-about,.footer-note p{color:#455977;font-size:14px}
.footer-grid h3{color:#1d3050;font-size:15px}
.footer-grid>div>a:not(.brand):not(.footer-link){font-size:14px;color:#465c79}
.footer-bottom{color:#536783;font-size:12px}
.static-page{max-width:1010px}.static-hero{padding:42px;border-color:#d9e1f6;background:linear-gradient(120deg,#eef5ff,#f8f2ff)}
.static-hero h1{color:#182953}.static-hero p{color:#3b5172;font-size:17px;line-height:1.8;max-width:700px}
.policy-updated{display:inline-flex;font-size:12px;font-weight:700;color:#51648a;border:1px solid #d7e2f7;background:#fff;padding:7px 11px;margin-top:20px;border-radius:10px}
.static-body{max-width:920px;padding:18px 1px 12px}.static-body section{padding:26px 1px 24px;margin:0;border-color:#dce4ee}
.static-body section:last-child{border-bottom:0}.static-body h2{font-size:22px;color:#182c51;margin:0 0 13px}
.static-body p{font-size:17px;color:#344866;line-height:1.9;margin-bottom:16px}
.static-body code{background:#eff3fc;color:#2944a2;padding:2px 5px;border-radius:5px;font-size:.88em}
.contact-intro{padding:18px 0 4px}.contact-intro h2{font-size:24px;color:#1a2d51}.contact-intro p{max-width:720px;font-size:16px}
.contact-form{border:1px solid #d5dff0;padding:30px;background:#fff;margin:17px 0 26px}
.contact-form label{display:block;font-weight:730;font-size:15px;color:#1e3256;margin-bottom:22px}
.contact-form label span{color:#bc4264}.contact-form label small{font-size:12px;color:#667690}
.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:9px;border:1px solid #cbd8ea;background:#fcfdff;padding:13px 15px;color:#182a4d;font-size:16px;line-height:1.6;outline:0}
.contact-form :is(input,textarea)::placeholder{color:#77859e}
.contact-form :is(input,textarea):focus{border-color:#4969e6;background:#fff}
.contact-form textarea{resize:vertical;min-height:160px}
.contact-submit{display:flex;align-items:center;justify-content:space-between;gap:20px}
.contact-submit p{font-size:13px;max-width:510px;color:#536580;margin:0}
.contact-alt{border:1px solid #d9e1ef;background:#f6f8ff;padding:22px 27px;border-radius:10px}
.contact-alt h3{color:#182a4e;font-size:18px;margin-bottom:7px}.contact-alt p{font-size:15px;margin:0}
.contact-notice{border:1px solid #b4cfbc;background:#edfbf4;padding:16px 18px;color:#116744;font-weight:700;font-size:15px}
.contact-error{border-color:#e7b9c1;background:#fff1f4;color:#a02c49}
.bot-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.to-top{background:#485bef;border-color:#485bef}
/* Mobile navigation is a true viewport overlay with its own navigation hierarchy. */
@media(min-width:961px){.mobile-nav{display:none!important}}
@media(max-width:1170px) and (min-width:961px){.nav-row{gap:9px}.desktop-nav{gap:0;margin-left:0}.desktop-nav a{padding:0 10px;font-size:12px}.nav-search{min-width:178px}}
@media(max-width:960px){
 .nav-row{min-height:70px}.desktop-nav,.nav-search{display:none!important}
 .mobile-toggle{display:grid;place-items:center;width:44px;height:44px}
 .mobile-nav:not([hidden]){display:flex!important}
 .mobile-nav{position:fixed;inset:0;z-index:200;box-sizing:border-box;width:100%;height:100vh;height:100dvh;margin:0;padding:0;max-width:none;flex-direction:column;background:linear-gradient(150deg,#f8faff,#eef3ff 55%,#f1faf9);color:#142849;overflow:hidden;border-radius:0!important}
 body.menu-open{overflow:hidden;overscroll-behavior:none}
 .mobile-menu-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px max(22px,calc((100vw - 680px)/2));min-height:85px;background:#fff;border-bottom:1px solid #dce5f2}
 .mobile-menu-brand{display:flex;align-items:center;gap:12px;color:#14274b;line-height:1.2}
 .mobile-menu-brand strong{display:block;font-size:22px;font-weight:800;letter-spacing:-.055em}
 .mobile-menu-brand small{display:block;font-size:10px;color:#526684;font-weight:750;letter-spacing:.13em;margin-top:5px}
 .mobile-close{width:46px;height:46px;display:grid;place-items:center;border:1px solid #cbd7ed;background:#f4f7ff;color:#223a61}
 .mobile-menu-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;width:100%;padding:27px max(22px,calc((100vw - 680px)/2)) 35px}
 .mobile-menu-eyebrow{color:#5e4cb1;font-weight:800;font-size:11px;letter-spacing:.14em;margin-bottom:16px}
 .mobile-menu-links{display:grid;gap:12px}
 .mobile-menu-links>a{display:flex;align-items:center;gap:15px;background:#fff;color:#1d355a;padding:16px;border:1px solid #d3dff1;font-size:17px;font-weight:780;min-height:77px;border-radius:10px}
 .mobile-menu-links>a>svg:first-child{color:#4a5fea;width:24px;height:24px}
 .mobile-menu-links>a>svg:last-child{color:#667894;margin-left:auto}
 .mobile-menu-links>a span{flex:1}
 .mobile-menu-links>a small{display:block;font-size:12px;line-height:1.5;font-weight:550;color:#506586;margin-top:3px}
 .mobile-menu-links>a[aria-current=page]{background:linear-gradient(110deg,#e9eeff,#f3efff);border-color:#8a96f1;color:#2b3bc0}
 .mobile-menu-links>a[aria-current=page]>svg:last-child{color:#3448c1}
 .mobile-menu-search{margin-top:28px}
 .mobile-menu-search>label{display:block;font-size:15px;font-weight:800;color:#1d3559;margin-bottom:12px}
 .mobile-menu-search form{display:flex;gap:10px;padding:0;background:none}
 .mobile-menu-search input{border:1px solid #cbd8ec;background:#fff;color:#253b5d;flex:1;min-width:0;padding:13px 14px;font-size:15px}
 .mobile-menu-search button{width:52px;min-width:52px;background:#455cea;color:#fff;display:grid;place-items:center;border:1px solid #455cea}
 .mobile-menu-foot{padding:16px max(22px,calc((100vw - 680px)/2)) max(18px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dae3f0;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#5a6d87;font-size:12px;font-weight:650}
 .mobile-menu-foot a{display:inline-flex;align-items:center;gap:8px;color:#314bc3;font-weight:800}
 .hero-sub{font-size:16px}
 .detail-head p{font-size:16px}.rich-content{font-size:18px}
}
@media(max-width:700px){
 .container{width:min(var(--width),calc(100% - 30px))}
 .topline-right{display:none}.topline-inner{font-size:11px}
 .hero-content{padding:52px 0}.hero h1{font-size:clamp(37px,8vw,52px)}
 .listing-head h1{font-size:32px}
 .detail-head{padding:25px 20px}.detail-head h1{font-size:29px}.detail-head p{font-size:16px;line-height:1.8}
 .detail-section{padding:23px 20px}.rich-content{font-size:18px;line-height:1.85}.rich-content h2{font-size:22px}
 .learn-list li,.bullet-list{font-size:16px}
 .card-inside h3{font-size:14px;line-height:1.4}.card-desc{font-size:12px}
 .static-page{padding-top:22px}.static-hero{padding:29px 23px}.static-hero h1{font-size:32px}.static-hero p{font-size:16px}
 .static-body h2{font-size:20px}.static-body p{font-size:16px}
 .contact-form{padding:20px 17px}.contact-form .two-inputs{display:grid;grid-template-columns:1fr;gap:0}
 .contact-submit{flex-direction:column;align-items:stretch}.contact-submit .button{width:100%}
 .mobile-menu-head{min-height:74px;padding-top:12px;padding-bottom:12px}
 .mobile-menu-scroll{padding-top:20px}.mobile-menu-links{gap:9px}
 .mobile-menu-links>a{min-height:68px;padding:13px 14px}
 .mobile-menu-foot>span{display:none}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;scroll-behavior:auto!important}}


/* Release 2026-10-18: slim navigation, separated hero panels, trustworthy typography. */
:root{--line:#cedbed;--muted:#465a79}
.topline{display:none!important}
.site-header{background:#fff;border-bottom:1px solid #d9e3f3}
.nav-row{min-height:56px!important;height:56px;gap:16px!important}
.brand{font-size:18px;gap:9px;letter-spacing:-.045em}
.brand-icon{width:32px;height:32px}
.brand-icon svg{width:20px;height:20px}
.brand small{font-size:7px;letter-spacing:.12em;margin-top:2px}
.desktop-nav{gap:3px;margin-left:6px}
.desktop-nav a{font-size:12px;padding:0 12px;border-bottom:0!important;border-radius:0!important;position:relative}
.desktop-nav a[aria-current=page]{background:#f0f3ff;color:#2848c8}
.desktop-nav a[aria-current=page]::after{display:block!important;content:"";position:absolute;bottom:0;left:11px;right:11px;height:3px;background:#5367ff;border-radius:10px 10px 0 0}
.desktop-nav a:hover{color:#304bc8;background:#f5f7ff}
.nav-search{min-width:190px;padding:3px 4px 3px 10px}
.nav-search input{font-size:11px;width:118px}
.nav-search button{width:27px;height:27px}
.nav-row .nav-actions{min-width:0}
.hero{background:linear-gradient(114deg,#f5f8ff 0%,#f5f4ff 50%,#f0faf9 100%)}
.hero-inner{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:40px;padding-top:42px;padding-bottom:48px;align-items:stretch;min-height:0}
.hero-content{padding:18px 0!important;align-self:center}
.hero h1{font-size:clamp(38px,4.7vw,64px);line-height:1.13;margin:20px 0 17px}
.hero-sub{font-size:16px;line-height:1.7;margin-bottom:23px}
.hero-badge{font-size:10px}
.hero-search{min-height:56px;max-width:600px}
.hero-search button{min-height:42px}
.hero-visual{height:auto!important;min-height:365px;align-self:stretch;border-radius:10px!important;padding:25px!important;margin:0!important}
.visual-main{padding:15px 0}.visual-line{font-size:clamp(29px,3.1vw,48px)}
.visual-orbit{margin-bottom:10px}.visual-caption{margin-top:18px}
.hero-stats{margin-top:22px!important;margin-bottom:4px;border:1px solid #d7e2f4;padding:20px 27px}
.hero-stats b{font-size:25px}.hero-stats span{color:#405572}
.hero-footer{gap:17px}.hero-footer span{color:#405572}
.course-card{border-color:#d4deee}.course-card .card-desc{color:#435875}
.learning-guide{margin-top:20px;margin-bottom:46px;border-top:1px solid #e1e7f3;padding-top:55px}
.guide-header{max-width:820px}.guide-header h2{font-size:clamp(25px,3vw,35px);color:#14294b;line-height:1.24;margin:0 0 15px}
.guide-header p{font-size:16px;line-height:1.85;color:#3b5172}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.guide-card{border:1px solid #d9e3f3;border-radius:10px;padding:23px;background:linear-gradient(140deg,#fff,#f9fbff)}
.guide-symbol{display:inline-grid;place-items:center;background:#eef2ff;color:#3657cc;width:40px;height:40px;font-size:13px;font-weight:800;border-radius:10px}
.guide-card h3{font-size:18px;margin:18px 0 9px;color:#1a3154}.guide-card p{font-size:14px;line-height:1.75;color:#435774;margin:0}
.guide-note{font-size:13px;color:#536783;margin:19px 0 0;line-height:1.8}
.course-access{scroll-margin-top:78px;margin-top:16px;padding:24px;border:1px solid #cdd9f3;border-radius:10px;background:linear-gradient(125deg,#f3f7ff,#f9f7ff 75%,#f3fcfb);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 22px;align-items:center}
.course-access .eyebrow{font-size:11px;margin-bottom:7px}.access-copy h2{font-size:22px;color:#172d54;margin:0 0 9px;letter-spacing:-.04em;line-height:1.3}
.access-copy p{font-size:14px;line-height:1.72;color:#3e5676;margin:0;max-width:540px}
.access-actions{display:flex;gap:12px;align-items:center}.access-clock{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:70px;height:61px;border:1px solid #b9cbee;border-radius:10px;background:#fff;color:#3157da}
.access-clock span{font-size:25px;font-weight:850;line-height:1.1;font-variant-numeric:tabular-nums}.access-clock small{font-size:10px;color:#546787;font-weight:700}
.access-clock.ready{background:#e8faf4;color:#087b5b;border-color:#b3e2d2}
.access-continue{white-space:nowrap;font-size:14px;min-height:58px;padding:12px 20px}
.access-continue[aria-disabled="true"]{background:#dce4f8;color:#526381;cursor:not-allowed;border-color:#ccd8ed;pointer-events:auto}
.access-continue[aria-disabled="false"]{background:#435bea;color:#fff}
.access-hint{grid-column:1/-1;font-size:12px;color:#465d7d;margin:0}
.enroll-panel .enroll-note{font-size:12px!important;color:#425675!important}
@media(max-width:1200px) and (min-width:961px){.nav-row{gap:10px!important}.desktop-nav a{font-size:11px;padding:0 9px}.hero-inner{gap:25px}}
@media(max-width:960px){.nav-row{height:58px;min-height:58px!important}.mobile-toggle{width:38px;height:38px}.hero-inner{display:grid;grid-template-columns:1fr;gap:25px;padding:32px 0 38px}.hero-content{padding:7px 0!important}.hero-visual{min-height:320px;height:auto!important}.hero-stats{margin-top:19px!important}.guide-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.nav-row{height:58px;min-height:58px!important}.hero-inner{padding:24px 0 32px;gap:20px}.hero h1{font-size:clamp(36px,10vw,49px)}.hero-visual{min-height:280px}.hero-stats{margin-top:17px!important;padding:18px;gap:12px}.hero-stats b{font-size:22px}.guide-grid{grid-template-columns:1fr}.course-access{grid-template-columns:1fr;padding:19px}.access-actions{justify-content:space-between}.access-continue{flex:1}.access-track,.access-hint{grid-column:1}.hero-footer{gap:10px}.hero-search input{font-size:13px}}
@media(max-width:390px){.hero-stats{flex-wrap:wrap}.access-clock{min-width:63px}}

/* Single course-access card: sidebar on desktop; after preview on mobile.
   The confirmation timer is always a separate card below course reactions. */
.course-access[hidden]{display:none!important}
.course-access-form{margin:0}
.course-access-trigger{cursor:pointer}
.course-access-trigger:disabled{cursor:progress;opacity:.86}
.access-message[hidden]{display:none!important}
.access-message{margin:10px 0 0!important;font-size:12px!important;color:#b2374f!important;line-height:1.55}
.course-access{scroll-margin-top:86px;min-height:158px;margin-top:22px}
.course-access #access-title{font-size:clamp(20px,2.2vw,24px);line-height:1.37}
.course-access #wait-remaining{font-variant-numeric:tabular-nums;color:#3554df}
.course-access #gate-hint{color:#334766;font-size:13px}
.course-access #access-clock{min-width:77px}
.course-access #gate-go[aria-disabled="true"]{pointer-events:none}
/* Final destination button intentionally differs from the blue access trigger. */
.course-access .access-continue[aria-disabled="false"]{background:#087b5b!important;border-color:#087b5b!important;color:#fff!important}
.course-access .access-continue[aria-disabled="false"]:hover{background:#075a44!important;border-color:#075a44!important}
.course-access .access-continue:focus-visible,.course-access-trigger:focus-visible{outline:3px solid #88b9f6;outline-offset:3px}
.course-access-trigger.is-processing{position:relative;gap:11px}
.course-access-trigger.is-processing::before{content:"";display:inline-block;width:15px;height:15px;flex:0 0 15px;border:2px solid rgba(255,255,255,.42);border-top-color:#fff;border-radius:50%;animation:sv-access-spin .65s linear infinite}
@keyframes sv-access-spin{to{transform:rotate(360deg)}}
@media(max-width:960px){
 /* Flatten these layout wrappers only in the mobile layout, without JS moves or duplicate markup. */
 .detail-grid{display:flex!important;flex-direction:column;gap:0;align-items:stretch}
 .detail-content,.detail-sidebar{display:contents!important}
 .detail-content > .preview-wrap{order:0;width:100%}
 .detail-sidebar > .enroll-panel{display:block!important;order:1;width:100%;margin:16px 0 2px;background:linear-gradient(120deg,#f4f7ff,#fff);padding:22px}
 .detail-content > :not(.preview-wrap):not(#rate-course):not(#view-course):not(#comments){order:2;width:100%}
 .detail-content > #rate-course{order:3;width:100%}
 .detail-content > #view-course{order:4;width:100%}
 .detail-content > #comments{order:5;width:100%}
 .detail-sidebar > :not(.enroll-panel){order:6;width:100%}
 .detail-sidebar > .author-panel{margin-top:20px}
 .enroll-panel h2{font-size:clamp(21px,3vw,26px)}
 .enroll-facts>div{font-size:13px}
 .enroll-facts strong{font-size:12px}
 .course-access{scroll-margin-top:76px}
}
@media(max-width:600px){
 .detail-sidebar > .enroll-panel{padding:20px 18px}
 .enroll-panel h2{font-size:22px}
 .enroll-facts{margin:13px 0 17px}
 .enroll-facts>div{padding:12px 0}
 .enroll-button{min-height:53px;font-size:14px}
 .course-access{grid-template-columns:1fr;min-height:0;padding:20px}
 .course-access #access-title{font-size:20px}
 .course-access .access-actions{gap:10px;justify-content:stretch}
 .course-access .access-continue{flex:1}
 .course-access .access-progress-panel,.course-access .access-hint{grid-column:1}
}
@media(prefers-reduced-motion:reduce){.course-access-trigger.is-processing::before{animation:none}}

/* Access countdown: clean, segmented, high-contrast progress meter. */
.course-access .access-progress-panel{grid-column:1/-1;padding:15px 17px 16px;background:#fff;border:1px solid #d9e4fa;border-radius:10px;margin-top:8px}
.access-progress-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 12px;color:#344d75;font-size:13px;font-weight:700}
.access-progress-head strong{font-variant-numeric:tabular-nums;color:#473fe0;font-size:16px;font-weight:800;letter-spacing:-.02em}
.course-access .access-track{position:relative;grid-column:auto;width:100%;height:16px;overflow:hidden;padding:2px;margin:0;border:1px solid #ccd8f2;border-radius:10px;background:#e9effc}
.course-access .access-track>span{position:relative;display:block;height:100%;min-width:0;max-width:100%;background:linear-gradient(95deg,#6459f4 0%,#456eef 50%,#0ebfa5 100%);border-radius:10px;transition:width .2s linear}
.course-access .access-track::after{content:'';position:absolute;inset:2px;pointer-events:none;border-radius:10px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 2px),rgba(255,255,255,.5) calc(10% - 2px),rgba(255,255,255,.5) 10%)}
.course-access .access-continue:not([href]){cursor:wait}
.course-access .access-continue[href]{cursor:pointer}
@media(max-width:600px){.course-access .access-progress-panel{padding:13px 12px 14px}.access-progress-head{font-size:12px}}
@media(prefers-reduced-motion:reduce){.course-access .access-track>span{transition:none}}