* { margin:0; padding:0; box-sizing:border-box; }
  body { font-family:'Plus Jakarta Sans','Noto Sans SC','Noto Sans Arabic',sans-serif; background:#fff; color:#1B2A44; }
  a { color:#0B3E91; text-decoration:none; }
  a:hover { color:#022A61; }
  footer a:hover { color:#fff; }
  #hd-cta:hover, #t-cta1:hover { color:#fff; background:#022A61; }
  a:focus-visible, button:focus-visible, input:focus-visible { outline:2px solid #0B3E91; outline-offset:2px; }
  img { max-width:100%; }
  @keyframes fadeUp { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }
  @keyframes shotIn { from { opacity:0; } to { opacity:1; } }
  @keyframes ripple { from { width:16px; height:16px; opacity:.95; } to { width:96px; height:96px; opacity:0; } }
  @keyframes pulse { 0% { transform:scale(.7); opacity:.9; } 70% { transform:scale(1.3); opacity:0; } 100% { opacity:0; } }
  @keyframes subIn { from { opacity:0; transform:translate(-50%,8px); } to { opacity:1; transform:translate(-50%,0); } }

  /* Keep the Student Hub on the same wide content frame as the other pages. */
  .student-hub-page main > section > div[style*="max-width:840px"],
  .student-hub-page main > section > div[style*="max-width:1180px"] {
    width:100% !important;
    max-width:1200px !important;
  }
  .student-hub-page main > section:first-child h1 { max-width:100%; }
  .student-hub-page main > section:first-child #t-lead { max-width:760px !important; }
  .student-hub-page > .faq-ctx {
    width:100% !important;
    max-width:1200px !important;
    margin-inline:auto !important;
    padding-inline:clamp(20px,4vw,40px) !important;
  }

  .student-hub-page .student-hero {
    min-height:calc(100svh - var(--header-height,72px));
    display:flex;
    align-items:center;
    overflow:hidden;
    background:
      radial-gradient(circle at 76% 44%, rgba(92,150,219,.14), transparent 28rem),
      radial-gradient(circle at 8% 82%, rgba(194,209,82,.1), transparent 24rem),
      #fff;
  }
  .student-hub-page .student-hero__inner { width:100%; }
  .student-hub-page .student-hero__copy h1 { margin:0; max-width:650px; }
  .student-hub-page .student-hero__visual {
    position:relative;
    height:580px;
    min-width:0;
    isolation:isolate;
  }
  .student-hub-page .student-hero__visual::before {
    content:"";
    position:absolute;
    z-index:-1;
    top:35px;
    left:18px;
    width:calc(100% - 50px);
    height:410px;
    border:1px solid rgba(149,179,212,.43);
    border-radius:30px;
    background:#f0f5fa;
    transform:rotate(-4deg);
  }
  .student-hub-page .student-hero__photo {
    position:absolute;
    top:16px;
    left:0;
    width:calc(100% - 28px);
    height:430px;
    overflow:hidden;
    border-radius:28px;
    background:#e6e8dc;
    box-shadow:0 24px 56px rgba(22,52,88,.16);
  }
  .student-hub-page .student-hero__photo img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:45% center;
  }
  .student-hub-page .student-hero__photo::after {
    content:"";
    position:absolute;
    inset:50% 0 0;
    background:linear-gradient(transparent,rgba(2,25,52,.45));
    pointer-events:none;
  }
  .student-hub-page .student-hero__photo-label {
    position:absolute;
    z-index:1;
    bottom:22px;
    left:22px;
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:10px 13px;
    border:1px solid rgba(255,255,255,.35);
    border-radius:10px;
    background:rgba(2,42,97,.82);
    color:#fff;
    font-size:12px;
    font-weight:700;
    box-shadow:0 10px 24px rgba(2,20,46,.2);
  }
  .student-hub-page .student-hero__photo-label-dot {
    width:7px;
    height:7px;
    flex:none;
    border-radius:50%;
    background:#c2d152;
  }
  .student-hub-page .student-hero__workspace {
    position:absolute;
    z-index:2;
    top:205px;
    right:0;
    width:min(66%,360px);
    overflow:hidden;
    border:1px solid #d8e2ec;
    border-radius:20px;
    background:#fff;
    box-shadow:0 30px 70px rgba(13,43,79,.2),0 6px 18px rgba(13,43,79,.08);
  }
  .student-hub-page .student-hero__workspace-bar {
    display:flex;
    align-items:center;
    gap:9px;
    height:48px;
    padding:0 16px;
    border-bottom:1px solid #e3eaf1;
    background:#f8fbfe;
    color:#173a6b;
    font-size:12px;
  }
  .student-hub-page .student-hero__workspace-logo {
    display:grid;
    place-items:center;
    width:23px;
    height:23px;
    border-radius:7px;
    background:#0b3e91;
    color:#fff;
    font-size:13px;
    font-weight:800;
  }
  .student-hub-page .student-hero__workspace-menu { display:flex; gap:3px; margin-inline-start:auto; }
  .student-hub-page .student-hero__workspace-menu i { width:4px; height:4px; border-radius:50%; background:#9eb1c8; }
  .student-hub-page .student-hero__workspace-body { padding:20px 20px 17px; }
  .student-hub-page .student-hero__workspace-eyebrow { color:#68809f; font-size:9px; font-weight:800; letter-spacing:.14em; }
  .student-hub-page .student-hero__workspace-title { display:block; margin-top:8px; color:#132f57; font-size:18px; line-height:1.25; letter-spacing:-.025em; }
  .student-hub-page .student-hero__workspace-intro { margin:6px 0 0; color:#647996; font-size:11px; line-height:1.45; }
  .student-hub-page .student-hero__workspace-options { display:grid; gap:8px; margin-top:18px; }
  .student-hub-page .student-hero__workspace-option {
    display:grid;
    grid-template-columns:33px minmax(0,1fr) 15px;
    align-items:center;
    gap:10px;
    min-height:66px;
    padding:10px 11px;
    border:1px solid #e2e9f1;
    border-radius:11px;
    background:#fff;
  }
  .student-hub-page .student-hero__workspace-option:first-child { border-color:#c9d9ed; background:#f3f7fd; }
  .student-hub-page .student-hero__workspace-option-icon { display:grid; place-items:center; width:33px; height:33px; border-radius:9px; background:#dce9fb; color:#0b3e91; font-size:10px; font-weight:800; }
  .student-hub-page .student-hero__workspace-option-icon--lime { background:#eef3d8; color:#607220; }
  .student-hub-page .student-hero__workspace-option strong { display:block; color:#173a6b; font-size:12px; line-height:1.3; }
  .student-hub-page .student-hero__workspace-option small { display:block; margin-top:3px; color:#6b7f99; font-size:10px; line-height:1.35; }
  .student-hub-page .student-hero__workspace-arrow { color:#5378b2; font-size:16px; }
  .student-hub-page .student-hero__workspace-footer { display:flex; align-items:center; gap:7px; margin-top:16px; color:#5c7290; font-size:10px; font-weight:700; }
  .student-hub-page .student-hero__workspace-footer span { width:7px; height:7px; border-radius:50%; background:#a5bf42; }
  @media (max-width:960px) {
    .student-hub-page .student-hero { min-height:auto; }
    .student-hub-page .student-hero__inner { grid-template-columns:1fr; max-width:720px !important; }
    .student-hub-page .student-hero__copy { align-items:center; text-align:center; }
    .student-hub-page .student-hero__copy h1 { max-width:700px; }
    .student-hub-page .student-hero__visual { width:min(100%,600px); margin-inline:auto; }
  }
  @media (max-width:560px) {
    .student-hub-page .student-hero { padding-inline:16px !important; }
    .student-hub-page .student-hero__inner { grid-template-columns:1fr !important; gap:30px !important; }
    .student-hub-page .student-hero__copy { width:100%; align-items:flex-start !important; text-align:left !important; }
    .student-hub-page .student-hero__copy h1 { width:100%; max-width:none !important; font-size:clamp(34px,10.5vw,46px) !important; }
    .student-hub-page .student-hero__copy #t-lead { width:100%; max-width:none !important; }
    .student-hub-page .student-hero__copy > div { width:100%; justify-content:flex-start !important; }
    .student-hub-page .student-hero__visual { display:flex; flex-direction:column; height:auto; min-height:0; padding-bottom:6px; }
    .student-hub-page .student-hero__visual::before { display:none; }
    .student-hub-page .student-hero__photo { position:relative; top:auto; left:auto; width:100%; height:auto; aspect-ratio:1.42; border-radius:20px; }
    .student-hub-page .student-hero__photo-label { top:16px; bottom:auto; left:16px; }
    .student-hub-page .student-hero__workspace { position:relative; top:auto; right:auto; width:calc(100% - 24px); margin:-42px auto 0; border-radius:16px; }
    .student-hub-page .student-hero__workspace-body { padding:18px; }
    .student-hub-page #walkthrough .walkthrough-layout { padding-inline:16px !important; }
    .student-hub-page #walkthrough #vbar { gap:6px; padding-inline:10px !important; }
    .student-hub-page #walkthrough #prev,
    .student-hub-page #walkthrough #next,
    .student-hub-page #walkthrough #rate { display:none; }
    .student-hub-page #walkthrough #time { font-size:11px; }
  }

  /* Match the homepage demo treatment on product walkthroughs. */
  .student-hub-page #walkthrough {
    background:#f8faff !important;
    border-top:1px solid #e8eef6;
    border-bottom:1px solid #e8eef6;
  }
  .student-hub-page #walkthrough .walkthrough-layout {
    max-width:1040px !important;
    padding-block:clamp(58px,8vw,100px) !important;
    align-items:center;
  }
  .student-hub-page #walkthrough .walkthrough-layout > h2 {
    width:100%;
    margin:0 !important;
    text-align:center;
    color:#0b3e91 !important;
    letter-spacing:-.025em;
  }
  .student-hub-page #walkthrough .walkthrough-layout > div {
    width:100%;
  }
  .student-hub-page #stage {
    border:1px solid rgba(134,165,207,.48) !important;
    border-radius:24px !important;
    box-shadow:0 28px 72px rgba(18,53,99,.2),0 6px 18px rgba(18,53,99,.09);
  }
  .student-hub-page #chapters {
    justify-content:center !important;
    width:100%;
  }
  .student-hub-page #bigplay {
    width:68px !important;
    height:68px !important;
    background:#fff !important;
    color:#0b3e91 !important;
    font-size:25px !important;
    box-shadow:0 14px 38px rgba(1,25,60,.32) !important;
  }
  .student-hub-page #walkthrough > .walkthrough-layout > div:last-child { border-radius:0 0 24px 24px !important; }

  /* Match the homepage player controls while preserving Student Hub playback. */
  .student-hub-page #walkthrough #vbar {
    padding:36px 16px 13px !important;
    background:linear-gradient(180deg,transparent 0%,rgba(2,12,30,.9) 48%,#020c1e 100%) !important;
  }
  .student-hub-page #walkthrough #vbar > button {
    border-radius:7px !important;
    background:transparent !important;
  }
  .student-hub-page #walkthrough #vbar #play {
    width:32px !important;
    height:32px !important;
    border-radius:7px !important;
    background:rgba(255,255,255,.12) !important;
  }
  .student-hub-page #walkthrough #vbar > button:hover { background:rgba(255,255,255,.16) !important; }
  .student-hub-page #walkthrough #track > div {
    height:4px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.34) !important;
  }
  .student-hub-page #walkthrough #fill {
    background:#e3242b !important;
    border-radius:999px !important;
  }
  .student-hub-page #walkthrough #time { font-variant-numeric:tabular-nums; }

  @media (max-width:560px) {
    .student-hub-page #walkthrough #vbar { gap:6px; padding-inline:10px !important; }
    .student-hub-page #walkthrough #prev,
    .student-hub-page #walkthrough #next,
    .student-hub-page #walkthrough #rate { display:none; }
    .student-hub-page #walkthrough #time { font-size:11px; }
  }