html[data-page="r3"] .r3-new .r1-hero-copy {padding: 0px; text-align: left;}
html[data-page="r3"] .r3-new .r1-hero-subtitle {max-width: 510px;}
.r3-hero-offer {max-width: 540px;}
.r3-specialty-tabs {display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 8px; margin: 0px 0px 16px;}
.r3-specialty-tabs button {font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 15px; line-height: 1.25; font-weight: 500; min-height: 52px; padding: 12px 10px; border: 1px solid rgba(60, 144, 182, 0.333); border-radius: 12px; background: rgba(6, 31, 52, 0.7); color: rgb(196, 219, 233); cursor: pointer; transition: background 0.2s, border-color 0.2s, transform 0.2s;}
.r3-specialty-tabs button:hover {border-color: rgb(46, 205, 193); transform: translateY(-2px);}
.r3-specialty-tabs button[aria-pressed="true"] {background: linear-gradient(110deg, rgba(8, 126, 170, 0.79), rgba(4, 127, 120, 0.44)); color: rgb(255, 255, 255); border-color: rgb(55, 207, 204); box-shadow: rgb(10, 192, 164) 0px -2px inset;}
.r3-hero-periods {max-width: 390px;}
.r3-hero-periods .r1-duration {margin-bottom: 18px;}
.r3-hero-periods .r1-buy {gap: 12px;}
.r3-new [hidden] {display: none !important;}
html[data-page="r3"] .r1e-platform-card {position: absolute; z-index: 1; overflow: hidden; border: 1px solid rgba(217, 239, 250, 0.22); border-radius: 24px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.333) 0px 36px 90px;}
html[data-page="r3"] .r1e-platform-bar {height: 36px; padding: 0px 14px; display: flex; align-items: center; gap: 7px; color: rgb(70, 102, 121); background: rgb(238, 245, 248); font-size: 9px; font-weight: 850; letter-spacing: 0.08em;}
html[data-page="r3"] .r1e-platform-bar i {width: 7px; height: 7px; border-radius: 50%; background: rgb(104, 213, 94);}
html[data-page="r3"] .r1e-platform-bar i:nth-child(2) {background: rgb(8, 181, 160);}
html[data-page="r3"] .r1e-platform-bar i:nth-child(3) {margin-right: 5px; background: rgb(47, 128, 237);}
html[data-page="r3"] .r1e-platform-card > :is(img, video) {width: 100%; height: 365px; display: block; object-fit: cover; object-position: left top;}
html[data-page="r3"] .r3-new .r1e-students {width: 110%; height: 125%; max-width: none; right: -1%; bottom: -64px; object-fit: contain; object-position: right bottom; filter: drop-shadow(rgba(0, 21, 34, 0.333) 0px 20px 24px);}
html[data-page="r3"] .r1e-floating-chip {position: absolute; z-index: 3; display: flex; align-items: center; gap: 10px; padding: 14px 18px; border: 1px solid rgba(188, 239, 255, 0.36); border-radius: 15px; color: rgb(255, 255, 255); background: linear-gradient(105deg, rgb(8, 127, 164), rgb(2, 171, 149)); box-shadow: rgba(0, 26, 59, 0.19) 0px 16px 34px; font-size: 14px; font-weight: 600; animation: 6s ease-in-out 0s infinite normal none running r3-chip-float;}
html[data-page="r3"] .r1e-chip-two {background: rgba(7, 35, 49, 0.86); font-size: 12px; animation-delay: -3s;}
@keyframes r3-chip-float { 
  50% { transform: translateY(-8px); }
}
html[data-page="r3"] .r1e-pillar-grid {display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 21px;}
html[data-page="r3"] .r1e-pillar-card {position: relative; overflow: hidden; border: 1px solid var(--r1-line); border-radius: 28px; isolation: isolate; box-shadow: rgba(8, 41, 66, 0.09) 0px 18px 50px; transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;}
html[data-page="r3"] .r1e-pillar-card::before {content: ""; position: absolute; z-index: -1; inset: 22px auto 22px 0px; width: 4px; border-radius: 0px 999px 999px 0px; background: linear-gradient(var(--blue),var(--green)); transform: scaleY(0.38); transition: transform 0.35s;}
html[data-page="r3"] .r1e-pillar-card:hover {transform: translateY(-7px); border-color: rgba(9, 191, 169, 0.42); box-shadow: rgba(8, 41, 66, 0.13) 0px 26px 62px;}
html[data-page="r3"] .r1e-pillar-card:hover::before {transform: scaleY(1);}
html[data-page="r3"] .r1e-icon {display: grid; place-items: center; width: 66px; height: 66px; border: 1px solid rgba(255, 255, 255, 0.42); border-radius: 21px; box-shadow: rgba(47, 128, 237, 0.15) 0px 16px 34px, rgba(255, 255, 255, 0.094) 0px 0px 0px 6px inset;}
html[data-page="r3"] .r1e-icon svg {width: 31px; height: 31px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
html[data-page="r3"] .r1e-icon-blue {color: rgb(47, 128, 237); background: rgba(47, 128, 237, 0.12);}
html[data-page="r3"] .r1e-icon-green {color: rgb(0, 179, 147); background: rgba(0, 179, 136, 0.12);}
html[data-page="r3"] .r1e-icon-orange {color: rgb(234, 124, 34); background: rgba(234, 124, 34, 0.12);}
html[data-page="r3"] .r1e-pillar-card > small {position: absolute; top: 34px; right: 30px; padding: 7px 9px; border: 1px solid var(--border); border-radius: 999px; color: var(--muted); background: var(--surface); font-size: 11px; font-weight: 700; letter-spacing: 0.12em;}
html[data-page="r3"] .r1e-pillar-card h3 {margin: 20px 0px 18px;}
html[data-page="r3"] .r1e-pillar-card ul {padding: 0px; margin: 0px; display: grid; gap: 13px; list-style: none;}
html[data-page="r3"] .r1e-pillar-card li {position: relative; padding-left: 25px; line-height: 1.5;}
html[data-page="r3"] .r1e-pillar-card li::before {content: "✓"; position: absolute; top: 0px; left: 0px; color: rgb(8, 187, 162);}
.r3-new .r1-area-tabs {grid-template-columns: repeat(3, minmax(0px, 1fr)); overflow: visible;}
.r3-new .r1-area-tab {min-height: 165px;}
.r3-new .r1-area-tab > span:nth-child(2) {min-height: 0px; font-size: 19px;}
.r3-new .r1e-area-icon {display: grid; place-items: center; flex-shrink: 0; border: 1px solid rgba(58, 198, 189, 0.208); border-radius: 17px; box-shadow: rgba(32, 166, 189, 0.063) 0px 0px 0px 5px inset;}
.r3-plans {display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px;}
.r3-plan {padding: 30px 26px; scroll-margin-top: 108px; min-width: 0px;}
.r3-plan-heading {display: flex; align-items: center; gap: 14px; min-height: 52px; margin-bottom: 18px;}
.r3-plan-heading h3 {margin: 0px; font-size: 27px; letter-spacing: -0.04em;}
.r3-plan-icon {display: grid; place-items: center; flex: 0 0 48px; width: 48px; height: 48px; border-radius: 15px; color: rgb(28, 188, 192); background: linear-gradient(130deg, rgba(5, 122, 180, 0.16), rgba(0, 181, 148, 0.09)); border: 1px solid rgba(17, 166, 185, 0.227);}
.r3-plan-icon svg {width: 27px; height: 27px; fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}
.r3-plan .r1-duration {background: rgba(7, 46, 67, 0.07); border-color: var(--r1-line); margin: 0px;}
.r3-plan .r1-duration button {font-size: 15px; padding: 11px 8px; color: var(--r1-muted);}
.r3-plan .r1-duration button[aria-pressed="true"] {color: rgb(255, 255, 255);}
.r3-plan .r1-money {min-height: 0px; margin: 24px 0px;}
.r3-plan .r1-money strong {font-size: 40px;}
.r3-plan .r1-money del {font-size: 21px;}
.r3-plan .r1-money > div > span {font-size: 17px;}
.r3-plan ul {font-size: 14px; margin: 24px 0px;}
.r3-plan .r1-content-link {font-size: 14px;}
.r3-plan:target {border-color: rgb(36, 199, 189); box-shadow: rgba(24, 180, 194, 0.12) 0px 0px 0px 3px, rgba(0, 20, 39, 0.145) 0px 20px 50px;}
@media (max-width: 1199px) {
.r3-plans {gap: 16px;}
.r3-plan {padding: 26px 20px;}
.r3-plan-heading h3 {font-size: 23px;}
.r3-plan-heading {gap: 10px;}
.r3-plan .r1-money strong {font-size: 34px;}
.r3-plan-icon {width: 42px; height: 42px; flex-basis: 42px;}
}
@media (max-width: 950px) {
.r3-hero-offer {margin: 0px;}
.r3-hero-periods {max-width: 440px;}
.r3-new .r1-hero-grid {gap: 40px;}
.r3-plans {grid-template-columns: 1fr; max-width: 650px; margin-inline: auto; gap: 28px;}
.r3-plan {padding: 32px;}
.r3-plan-heading h3 {font-size: 28px;}
.r3-plan .r1-money strong {font-size: 44px;}
html[data-page="r3"] .r1e-pillar-grid {grid-template-columns: 1fr;}
html[data-page="r3"] .r1e-pillar-card {min-height: 0px;}
.r3-new .r1-area-tab > span:nth-child(2) {font-size: 17px;}
}
@media (max-width: 600px) {
.r3-new .r1-hero {padding-top: 112px;}
.r3-new .r1-hero-copy {max-width: none;}
.r3-hero-offer,
.r3-hero-periods {max-width: none; width: 100%;}
.r3-specialty-tabs {gap: 6px;}
.r3-specialty-tabs button {padding: 10px 6px; font-size: 13px; min-height: 50px;}
.r3-hero-periods .r1-buy {font-size: 15px; padding-inline: 12px;}
.r3-new .r1-area-tab {padding: 14px 10px; min-height: 154px; gap: 12px;}
.r3-new .r1-area-tab > span:nth-child(2) {font-size: 14px; min-height: 36px;}
.r3-new .r1-area-tab small {font-size: 11px;}
.r3-new .r1-area-tabs {gap: 8px; padding-bottom: 0px;}
.r3-plan {padding: 26px;}
.r3-plan .r1-money strong {font-size: 40px;}
html[data-page="r3"] .r3-new .r1e-students {height: 139%; width: 120%; right: 0px; bottom: -36px;}
html[data-page="r3"] .r1e-platform-card > :is(img, video) {height: 260px;}
.r3-new .r1e-platform-bar {font-size: 8px;}
.r3-new .r1-hero-visual {height: 320px;}
}
@media (prefers-reduced-motion: reduce) {
.r3-new *,
.r3-new ::before,
.r3-new ::after {animation: auto ease 0s 1 normal none running none !important; transition: none !important; scroll-behavior: auto !important;}
}