.activity-signup:hover::before {
      opacity: 1;
    }

    .activity-speakers {
      display: flex;
      align-items: center;
      gap: 9px;
    }

    .avatar-stack {
      display: flex;
      padding-left: 16px;
    }

    .avatar-circle {
      display: inline-flex;
      width: 28px;
      height: 28px;
      margin-left: -8px;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      border: 2px solid #ffffff;
      border-radius: 50%;
      background: #d8dbe2;
      color: #6b7280;
      font-size: 10px;
      font-weight: 600;
    }

    .avatar-circle:nth-child(2) {
      background: #c7ccd6;
    }

    .avatar-circle:nth-child(3) {
      background: #b8bec9;
    }

    .avatar-circle img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }

    .speaker-caption {
      color: #666666;
      font-size: 12px;
      line-height: 16px;
      white-space: nowrap;
    }

    .community-news {
      width: 400px;
      height: 562px;
      padding: 24px;
      display: flex;
      flex-direction: column;
    }

    .community-news h3 {
      margin: 0 0 20px;
      font-size: 18px;
      line-height: 25px;
      font-weight: 600;
      color: #222222;
    }

    .news-list {
      position: relative;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .news-item {
      position: relative;
      padding: 0 0 24px 24px;
      cursor: pointer;
    }

    .news-item:last-child {
      padding-bottom: 0;
    }

    .news-item::before {
      content: "";
      position: absolute;
      left: 0;
      top: 6px;
      width: 8px;
      height: 8px;
      border: 1px solid #222222;
      border-radius: 50%;
      background: #ffffff;
    }

    .news-item:first-child::before {
      border-style: dashed;
    }

    .news-item:not(:last-child)::after {
      content: "";
      position: absolute;
      left: 4.5px;
      top: 18px;
      bottom: -2px;
      width: 1px;
      transform: translateX(-50%);
      background: #d8d8d8;
    }

    .news-title {
      margin: 0;
      display: flex;
      align-items: center;
      color: #444444;
      font-size: 14px;
      line-height: 20px;
      font-weight: 600;
    }

    .news-title-text {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      transition: color 160ms ease;
    }

    .news-item:hover .news-title-text {
      color: var(--interaction-blue);
    }

    .news-status {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 52px;
      height: 18px;
      margin-right: 7px;
      padding: 0;
      border-radius: 6px;
      background: #cff7ed;
      color: #28816b;
      font-size: 12px;
      line-height: 18px;
      font-weight: 400;
      vertical-align: middle;
      flex: 0 0 52px;
    }

    .news-status.registration_open {
      background: #c1e9ff;
      color: #2473cb;
    }

    .news-status.live {
      background: #ffe7d8;
      color: #c86c2e;
    }

    .news-status.ended {
      background: #f0f0f0;
      color: #636363;
    }

    .news-item-link {
      display: block;
      color: inherit;
    }

    .news-desc {
      margin: 4px 0 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #666666;
      font-size: 12px;
      line-height: 18px;
      font-weight: 400;
    }

    .news-meta {
      margin-top: 6px;
      display: flex;
      justify-content: space-between;
      gap: 12px;
      color: #666666;
      font-size: 12px;
      line-height: 18px;
      font-weight: 400;
    }

    .news-meta span:first-child {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      color: #444444;
    }

    .news-meta strong {
      font-weight: 600;
    }

    .news-more {
      margin: auto auto 0;
      padding-top: 20px;
      color: #222222;
      font-size: 12px;
      line-height: 18px;
      font-weight: 400;
    }

    .activity-banner {
      height: 176px;
      margin-top: 20px;
      padding: 0 48px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }

    .activity-banner-link {
      width: 92px;
      height: 38px;
      padding: 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #262629;
      border-radius: 999px;
      color: #262629;
      font-size: 12px;
      line-height: 18px;
    }

    .learning-section {
      background: #ffffff;
      padding: 80px 0;
    }

    .learning-stage {
      width: min(var(--stage-width), calc(100% - 80px));
      margin: 0 auto;
    }

    .learning-heading {
      display: flex;
      align-items: baseline;
      gap: 16px;
    }

    .learning-heading h2 {
      margin: 0;
      color: #222222;
      font-size: 36px;
      line-height: 44px;
      font-weight: 600;
      white-space: nowrap;
    }

    .learning-heading p {
      margin: 0;
      color: #777777;
      font-size: 18px;
      line-height: 28px;
      white-space: nowrap;
    }

    .learning-layout {
      display: grid;
      grid-template-columns: 980px 400px;
      gap: 20px;
      margin-top: 28px;
      align-items: start;
    }

    .learning-courses,
    .learning-featured {
      height: 499px;
      border: 1px solid #e3e9f1;
      border-radius: 12px;
      background: #ffffff;
    }

    .learning-courses {
      width: 980px;
      padding: 20px 24px 24px;
      --learning-course-icon-image: url("assets/custom/learning-course-icon-intro.svg");
    }

    .learning-courses[data-active-tab="advanced"] {
      --learning-course-icon-image: url("assets/custom/learning-course-icon-advanced.svg");
    }

    .learning-courses[data-active-tab="practice"] {
      --learning-course-icon-image: url("assets/custom/learning-course-icon-practice.svg");
    }

    .learning-courses[data-active-tab="cert"] {
      --learning-course-icon-image: url("assets/custom/learning-course-icon-cert.svg");
    }

    .learning-tabs {
      display: flex;
      align-items: center;
      gap: 40px;
      height: 38px;
      color: #222222;
      font-size: 16px;
      line-height: 20px;
    }

    .learning-tabs button {
      display: inline-flex;
      align-items: center;
      height: 38px;
      padding: 0;
      color: inherit;
      cursor: pointer;
      transition: color 160ms ease;
    }

    .learning-tabs button:not(.is-active):hover {
      color: var(--interaction-blue);
    }

    .learning-tabs .is-active {
      width: 104px;
      justify-content: center;
      border-radius: 18px;
      background: #262629;
      color: #ffffff;
      font-weight: 600;
      line-height: 36px;
    }

    .learning-tabs .is-active:hover {
      color: #ffffff;
    }

    .learning-list {
      transition: opacity 160ms ease, transform 160ms ease;
    }

    .learning-list.is-switching {
      opacity: 0;
      transform: translateY(4px);
    }

    .learning-table-head {
      height: 40px;
      margin-top: 12px;
      padding: 0;
      display: flex;
      align-items: center;
      border-radius: 10px 10px 2px 2px;
      background: #f6f7fb;
      color: #222222;
      font-size: 14px;
      line-height: 20px;
    }

    .learning-table-head span:first-child {
      width: 57px;
      margin: 0 0 0 24px;
      line-height: 20px;
    }

    .learning-table-head span:last-child {
      width: 28px;
      margin: 0 0 0 601px;
      line-height: 20px;
      text-align: left;
    }

    .learning-list {
      margin: 17px 0 0;
      padding: 0;
      list-style: none;
    }

    .learning-course-row {
      position: relative;
      width: 931px;
      height: 54px;
      padding: 0 0 14px;
      display: flex;
      align-items: flex-start;
      border-bottom: 1px solid #eff2f5;
      cursor: pointer;
    }

    .learning-course-row + .learning-course-row {
      margin-top: 14px;
    }

    .learning-course-row:last-child {
      height: 39px;
      padding-bottom: 0;
      border-bottom: 0;
    }

    .learning-course-mark {
      display: block;
      width: 16px;
      height: 16px;
      margin: 14px 0 0 24px;
      background: var(--learning-course-icon-image) center / contain no-repeat;
    }

    .learning-course-row > div {
      width: 312px;
      margin-left: 13px;
    }

    .learning-course-title {
      margin: 0;
      color: #222222;
      font-size: 14px;
      line-height: 20px;
      font-weight: 600;
      transition: color 160ms ease;
    }

    .learning-course-row:hover .learning-course-title {
      color: var(--interaction-blue);
    }

    .learning-course-desc {
      margin: 2px 0 0;
      color: #666666;
      font-size: 12px;
      line-height: 17px;
    }

    .learning-course-time {
      margin: 9px 0 0 317px;
      color: #666666;
      font-size: 14px;
      line-height: 20px;
      white-space: nowrap;
    }

    .learning-more,
    .learning-resource-more,
    .learning-cert-more {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      color: #222222;
      font-size: 12px;
      line-height: 18px;
    }

    .learning-more {
      margin: 18px 0 0 421px;
    }

    .learning-featured {
      width: 400px;
      padding: 24px;
    }

    .learning-featured h3 {
      margin: 0;
      color: #222222;
      font-size: 18px;
      line-height: 25px;
      font-weight: 600;
    }

    .learning-resource-list {
      margin: 20px 0 0;
      padding: 0;
      list-style: none;
    }

    .learning-resource {
      width: 352px;
      height: 104px;
      display: grid;
      grid-template-columns: 104px 1fr;
      gap: 16px;
    }

    .learning-resource + .learning-resource {
      margin-top: 20px;
    }

    .learning-resource-thumb {
      width: 104px;
      height: 104px;
      border-radius: 10px;
      background: #e2e2e2 center / 104px 104px no-repeat;
    }

    .learning-resource:nth-child(1) .learning-resource-thumb {
      background-image: url("assets/custom/featured-whitepaper.png");
    }

    .learning-resource:nth-child(2) .learning-resource-thumb {
      background-image: url("assets/custom/featured-video.png");
    }

    .learning-resource:nth-child(3) .learning-resource-thumb {
      background-image: url("assets/custom/featured-best-practice.png");
    }

    .learning-resource h4 {
      margin: 4px 0 0;
      color: #222222;
      font-size: 16px;
      line-height: 22px;
      font-weight: 600;
      transition: color 160ms ease;
    }

    .learning-resource:hover h4 {
      color: var(--interaction-blue);
    }

    .learning-resource p {
      margin: 6px 0 0;
      color: #666666;
      font-size: 14px;
      line-height: 20px;
    }

    .learning-resource > div {
      width: 232px;
      height: 96px;
    }

    .learning-resource a {
      display: inline-flex;
      margin: 10px 0 0 214px;
      opacity: 1;
      transition: opacity 160ms ease;
    }

    .learning-resource .detail-arrow {
      width: 18px;
      height: 18px;
    }

    .learning-resource a:hover {
      opacity: 0.72;
    }

    .learning-resource-more {
      margin: 36px 0 0 119px;
    }

    .learning-cert {
      height: 305px;
      margin-top: 20px;
      padding: 24px;
      border-radius: 12px;
      background: #f6f7fb;
    }

    .learning-cert-head {
      display: flex;
      align-items: center;
    }

    .learning-cert-head h3 {
      margin: 0;
      color: #222222;
      font-size: 18px;
      line-height: 26px;
      font-weight: 600;
    }

    .learning-cert-head p {
      margin: 0 0 0 12px;
      color: #777777;
      font-size: 16px;
      line-height: 22px;
      font-weight: 400;
    }

    .learning-cert-more {
      margin-left: auto;
    }

    .learning-cert-list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      margin-top: 20px;
    }

    .learning-cert-card {
      position: relative;
      height: 211px;
      padding: 24px;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.9);
      border-radius: 12px;
      background: linear-gradient(216deg, rgba(141, 232, 236, 0.46) 0%, rgba(237, 255, 255, 0.54) 30%, rgba(255, 255, 255, 0.94) 58%, #ffffff 100%);
    }

    .learning-cert-card h4 {
      position: relative;
      z-index: 2;
      margin: 0;
      color: rgba(0, 0, 0, 0.9);
      font-size: 16px;
      line-height: 22px;
      font-weight: 600;
    }

    .learning-cert-card p {
      position: relative;
      z-index: 2;
      margin: 4px 0 0;
      color: rgba(0, 0, 0, 0.7);
      font-size: 14px;
      line-height: 20px;
    }

    .learning-cert-card small {
      position: relative;
      z-index: 2;
      display: block;
      margin-top: 4px;
      color: rgba(0, 0, 0, 0.7);
      font-size: 12px;
      line-height: 17px;
    }

    .learning-cert-card a {
      position: relative;
      z-index: 2;
      width: 104px;
      height: 42px;
      margin-top: 54px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 0.6px solid #262629;
      border-radius: 22px;
      background: #ffffff;
      color: #262629;
      font-size: 14px;
      line-height: 24px;
    }

    .learning-cert-art {
      position: absolute;
      z-index: 1;
      right: 0;
      bottom: 0;
      width: 138px;
      height: 78px;
      object-fit: contain;
      pointer-events: none;
    }

    .learning-cert-card:nth-child(2) {
      background: linear-gradient(216deg, rgba(181, 162, 255, 0.42) 0%, rgba(232, 226, 255, 0.52) 30%, rgba(255, 255, 255, 0.94) 58%, #ffffff 100%);
    }

    .learning-cert-card:nth-child(3) {
      background: linear-gradient(216deg, rgba(254, 187, 118, 0.46) 0%, rgba(255, 236, 217, 0.54) 30%, rgba(255, 255, 255, 0.94) 58%, #ffffff 100%);
    }

    .learning-cert-card:hover {
      transform: none;
      box-shadow: var(--card-hover-shadow);
    }

    .resource-section {
      height: 861px;
      padding: 80px 0;
      background: #f6f7fb;
    }

    .resource-stage {
      width: min(var(--stage-width), calc(100% - 80px));
      margin: 0 auto;
    }

    .resource-heading {
      display: flex;
      align-items: baseline;
      gap: 16px;
      height: 44px;
    }

    .resource-heading h2 {
      margin: 0;
      color: #222222;
      font-size: 36px;
      line-height: 44px;
      font-weight: 600;
      white-space: nowrap;
    }

    .resource-heading p {
      margin: 0;
      color: #777777;
      font-size: 18px;
      line-height: 28px;
      white-space: nowrap;
    }

    .resource-layout {
      display: flex;
      justify-content: center;
      margin-top: 28px;
    }

    .resource-panel {
      width: 690px;
    }

    .contribution-card {
      position: relative;
      width: 690px;
      height: 351px;
      display: block;
      overflow: hidden;
      border-radius: 12px;
      background: url("assets/user-slices/first-contribution-bg-2x.webp") center / 690px 351px no-repeat;
      color: #ffffff;
      cursor: pointer;
    }

    .contribution-kicker {
      width: 135px;
      height: 20px;
      margin: 41px 0 0 40px;
      display: flex;
      align-items: center;
      gap: 5px;
      font-size: 14px;
      line-height: 20px;
      font-weight: 400;
      background-image: linear-gradient(154deg, #ff7bfc 0%, #e3ecff 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }