/* Approved reference: flat course bundle and white offer, with luminous price banner. */
.reference-hero{background:#02070a!important;color:#fff;padding:0 0 48px;overflow:hidden;isolation:isolate;font-family:Arial,Helvetica,sans-serif;position:relative}
.reference-hero::before,.reference-hero::after{display:none!important}
.reference-header{height:59px;border-bottom:1px solid #223442;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 max(30px,calc((100vw - 1320px)/2));background:#02070ae6;position:relative;z-index:3}
.reference-wordmark{color:#e6edf3;text-decoration:none;font-size:19px;font-weight:600;letter-spacing:.26em}
.reference-header>span{font-size:12px;letter-spacing:.2em;font-weight:600;color:#c7d1d8}
.reference-menu{position:relative}.reference-menu summary{list-style:none;cursor:pointer;width:25px;padding:6px 0;display:grid;gap:4px}.reference-menu summary::-webkit-details-marker{display:none}.reference-menu i{width:21px;height:1px;background:#c4d0db}.reference-menu nav{position:absolute;right:0;top:35px;width:230px;padding:12px;background:#08131e;border:1px solid #234660;border-radius:8px;box-shadow:0 15px 35px #0008;display:grid;gap:4px}.reference-menu nav a{padding:10px;color:#e1e9f1;text-decoration:none;font-size:14px}.reference-menu nav a:hover{background:#12334a;color:#fff}
.reference-layout{max-width:1320px;margin:auto;padding:36px 24px 0;display:grid;grid-template-columns:minmax(0,2.65fr) minmax(280px,1fr);gap:28px;align-items:start}
.reference-main{min-width:0}.reference-heading{text-align:center}.reference-badge{display:inline-block;padding:7px 35px;border:1px solid #0297de;border-radius:99px;box-shadow:inset 0 0 0 1px #0297de35;color:#29b6ef;font-size:12px;font-weight:700;letter-spacing:.2em;line-height:1.25}
.reference-heading h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(27px,2.65vw,37px);font-weight:700;line-height:1.12;letter-spacing:-.025em;color:#fff;margin:23px 0 14px;text-wrap:balance}
.reference-heading h1 span{color:#fc734d}.reference-heading>p{font-size:17px;line-height:1.5;color:#c8d2da;margin:0 0 4px;letter-spacing:.005em}
.reference-bundle{display:block;width:100%;height:auto;aspect-ratio:1.85;object-fit:cover;object-position:center;margin:5px 0 22px;mix-blend-mode:lighten}
.reference-price-banner{background:#060716;border:1px solid #010713;box-shadow:inset 0 0 0 6px #152d51;border-radius:19px;padding:26px 23px 23px;color:#c5c9d3}
.reference-banner-top{display:grid;grid-template-columns:auto minmax(150px,.8fr) minmax(220px,1.5fr);gap:18px;align-items:center}.reference-banner-price{font-size:clamp(40px,4vw,58px);font-weight:700;color:#fff;letter-spacing:-.04em;white-space:nowrap;line-height:1}
.reference-banner-copy{font-size:16px;line-height:1.35;margin:0!important;color:#c5c9d3!important}.reference-banner-copy strong{color:#fff}.reference-banner-copy strong span{color:#4caeff}.reference-banner-copy b{color:#fc734d}
.reference-glow-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:12px;border:1px solid #60dfff;background:linear-gradient(110deg,#0756d7 0%,#02b5d2 47%,#fc8a43 93%);padding:16px 10px;text-align:center;text-decoration:none;box-shadow:-3px 0 4px #69ffed,0 0 19px #01d9c978,inset 0 0 9px #b8f7ff66;color:#fff;transition:box-shadow .2s,transform .2s}
.reference-glow-button strong{font-size:17px;line-height:1.2;font-weight:700;white-space:nowrap}.reference-glow-button strong>span{font-size:24px;vertical-align:-1px}.reference-glow-button small{color:#082d55;font-size:11px;font-weight:700;line-height:1.3}.reference-glow-button:hover{transform:translateY(-2px);box-shadow:-3px 0 6px #69ffed,0 0 28px #01d9c9aa,inset 0 0 9px #b8f7ff66}
.reference-banner-bottom{display:flex;justify-content:space-between;gap:15px;margin-top:24px;font-size:11px;line-height:1.4}.reference-banner-bottom>span{display:flex;gap:5px;align-items:center}.reference-banner-bottom b{font-size:23px;color:#fc8741;line-height:1}
.reference-offer{background:#fff;border:1px solid #b2bac5;border-radius:9px;color:#0e1730;padding:16px 20px 15px;box-shadow:0 0 13px #68b6ef18;text-align:center;overflow:hidden}
.reference-mini-bundle{display:block;width:100%;height:auto;aspect-ratio:1.8;object-fit:contain;margin:0 auto 12px;border-radius:4px}
.reference-offer h2{font-family:Arial,Helvetica,sans-serif;color:#10121c;font-size:25px;font-weight:700;line-height:1.07;margin:0 0 2px;letter-spacing:-.04em;text-align:center}
.reference-offer-price{font-size:40px;line-height:1.1;color:#fc734d;font-weight:700;letter-spacing:-.04em;margin-bottom:4px}.reference-payment{font-size:12px;color:#4e5665;line-height:1.4;margin:0 0 16px}
.reference-includes{display:grid;gap:7px;list-style:none;text-align:left;margin:0 0 21px;padding:0;font-size:12px;color:#182b50;line-height:1.25}.reference-includes li{position:relative;padding-left:23px}.reference-includes li::before{content:'✓';position:absolute;left:0;top:-3px;color:#0297de;font-size:20px;font-weight:700}
.reference-steps{display:grid;grid-template-columns:1.15fr 1fr;font-size:9px;font-weight:700;color:#a0a7b4;margin:0 0 12px;border-bottom:2px solid #eaedf2;line-height:1.5}.reference-steps span{padding-bottom:7px;white-space:nowrap}.reference-steps .active{color:#0297de;border-bottom:2px solid #0297de;margin-bottom:-2px}
.reference-checkout{display:grid;gap:8px;margin:0}.reference-checkout input{min-width:0;width:100%;background:#fcfcfd;border:1px solid #dce0e8;border-radius:4px;padding:11px 10px;color:#182b50;font:12px Arial,Helvetica,sans-serif;box-sizing:border-box;box-shadow:inset 0 1px 2px #00000004}.reference-checkout input::placeholder{color:#9196a2}.reference-checkout input:focus{outline:2px solid #0297de66;outline-offset:1px}
.reference-checkout button{border:1px solid #ffa66e;border-radius:4px;background:#ff733f;color:#fff;font:700 14px Arial,Helvetica,sans-serif;padding:12px 6px;cursor:pointer;margin-top:2px}.reference-checkout button:hover{background:#f66532}.reference-checkout button span{margin-left:5px}
.reference-secure{display:flex;align-items:center;justify-content:center;gap:5px;color:#354259;font-size:9px;margin:9px 0 16px;line-height:1.4}.reference-secure svg{width:9px;height:11px}
.reference-guarantee{display:flex;align-items:center;gap:10px;text-align:left;background:#f3f4f6;padding:11px 9px;border-radius:6px;text-decoration:none;color:#8d9aaf}.reference-guarantee svg{width:24px;height:28px;flex-shrink:0}.reference-guarantee strong{display:block;font-size:10px;color:#56647b;line-height:1.3}.reference-guarantee small{display:block;font-size:9px;text-decoration:underline;line-height:1.4}.reference-mastermind{color:#5f6c83;font-size:10px;border-top:1px solid #e9ecf0;margin:14px 0 0;padding-top:11px;line-height:1.4}
.reference-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.reference-hero a:focus-visible,.reference-hero button:focus-visible,.reference-menu summary:focus-visible{outline:3px solid #0297de;outline-offset:4px}
@media(min-width:1500px){.reference-layout{padding-inline:0}.reference-heading h1{font-size:37px}}
@media(max-width:1100px) and (min-width:761px){.reference-layout{grid-template-columns:minmax(0,1.9fr) minmax(265px,1fr);gap:20px;padding-inline:25px}.reference-heading h1{font-size:29px}.reference-heading>p{font-size:14px}.reference-banner-top{grid-template-columns:auto 1fr;gap:14px}.reference-glow-button{grid-column:1/-1;padding:11px}.reference-banner-price{font-size:47px}.reference-banner-bottom{font-size:10px}.reference-price-banner{padding:23px 20px}.reference-offer{padding-inline:16px}}
@media(max-width:760px){.reference-header{height:52px;padding:0 18px}.reference-wordmark{font-size:15px;letter-spacing:.18em}.reference-header>span{font-size:9px;letter-spacing:.14em}.reference-layout{display:flex;flex-direction:column;padding:26px 18px 0;gap:29px}.reference-main,.reference-offer{width:100%;box-sizing:border-box}.reference-badge{font-size:9px;padding:6px 20px;letter-spacing:.13em}.reference-heading h1{font-size:clamp(25px,6.7vw,33px);margin-top:20px;line-height:1.13;letter-spacing:-.03em}.reference-heading h1 br{display:none}.reference-heading h1 span{display:block;margin-top:5px}.reference-heading>p{font-size:14px;line-height:1.55;margin:12px auto 10px;max-width:350px}.reference-bundle{margin:0 0 14px;aspect-ratio:1.75}.reference-price-banner{padding:23px 20px 20px;border-radius:16px}.reference-banner-top{grid-template-columns:auto 1fr;gap:18px}.reference-banner-price{font-size:48px}.reference-banner-copy{font-size:15px}.reference-glow-button{grid-column:1/-1;padding:14px 8px;margin-top:5px}.reference-glow-button strong{font-size:19px}.reference-glow-button small{font-size:10px}.reference-banner-bottom{font-size:10px;flex-direction:column;gap:8px;margin-top:20px}.reference-banner-bottom b{font-size:19px}.reference-offer{max-width:440px;align-self:center;padding:20px 24px}.reference-mini-bundle{max-width:290px}.reference-offer h2{font-size:28px}.reference-offer-price{font-size:44px}.reference-payment{font-size:13px}.reference-includes{font-size:14px;gap:10px;margin-block:22px}.reference-steps{font-size:10px}.reference-checkout input{font-size:14px;padding:13px 12px}.reference-checkout button{font-size:16px;padding:14px}.reference-secure{font-size:10px}.reference-guarantee strong{font-size:12px}.reference-guarantee small{font-size:11px}.reference-mastermind{font-size:12px}.reference-hero{padding-bottom:36px}}
@media(max-width:370px){.reference-header>span{display:none}.reference-heading h1{font-size:25px}.reference-banner-price{font-size:40px}.reference-banner-copy{font-size:13px}.reference-glow-button strong{font-size:16px}.reference-steps{font-size:9px}}
@media(prefers-reduced-motion:reduce){.reference-glow-button{transition:none}}
/* Same reference interactions: travelling light, hover scale, press, shifting frame. */
.reference-glow-button{position:relative;isolation:isolate;border:0;outline:none;background-image:linear-gradient(135deg,#1237c1 0%,#0ebee0 50%,#fc734d 80%);box-shadow:0 2px 3px 1px hsl(174 50% 20% / 50%);transition:transform .25s cubic-bezier(.22,1,.36,1);will-change:transform}
.reference-glow-button:hover:not(:active){transform:scale(1.03);box-shadow:0 2px 3px 1px hsl(174 50% 20% / 50%)}
.reference-glow-button:active{transform:scale(.98)}
.reference-glow-button .reference-shimmer{position:absolute;inset:-40px;border-radius:inherit;mix-blend-mode:plus-lighter;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 15%,black 45%,black 55%,transparent 85%);mask-image:linear-gradient(90deg,transparent 15%,black 45%,black 55%,transparent 85%);-webkit-mask-size:200% 200%;mask-size:200% 200%;-webkit-mask-position:center;mask-position:center;animation:reference-shimmer-wave 3s linear infinite both -.5s}
.reference-shimmer::before,.reference-shimmer::after{content:"";position:absolute;inset:40px;border-radius:inherit;transition:all .5s ease;opacity:1}
.reference-shimmer::before{box-shadow:0 0 3px 2px hsl(174 100% 50% / .9),0 0 7px 4px hsl(174 100% 50% / .6),0 0 13px 8px hsl(174 100% 50% / .4),0 0 22px 6px hsl(174 100% 50% / .2);z-index:-1}
.reference-shimmer::after{box-shadow:inset 0 0 0 1px hsl(174 100% 80% / .9),inset 0 0 3px 1px hsl(174 100% 70% / .8),inset 0 0 9px 1px hsl(174 100% 60% / .6);z-index:2}
.reference-glow-button:focus .reference-shimmer,.reference-glow-button:active .reference-shimmer{animation-play-state:paused!important;-webkit-mask-image:none!important;mask-image:none!important}
@keyframes reference-shimmer-wave{0%{-webkit-mask-position:200% center;mask-position:200% center}100%{-webkit-mask-position:0% center;mask-position:0% center}}
.reference-price-banner{position:relative;box-shadow:none;overflow:hidden}
.reference-price-banner::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:6px;background:rgba(44,137,234,.3);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none}
.reference-price-banner:hover::before{background:linear-gradient(90deg,#fc734d,#2c89ea,#fc734d);background-size:200% 100%;animation:reference-border-shift 2.5s ease-in-out infinite alternate}
@keyframes reference-border-shift{0%{background-position:0% 50%}100%{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.reference-glow-button{transition:none;will-change:auto}.reference-glow-button:hover:not(:active),.reference-glow-button:active{transform:none}.reference-glow-button .reference-shimmer,.reference-price-banner:hover::before{animation:none}.reference-glow-button .reference-shimmer{-webkit-mask-image:none;mask-image:none}}

.reference-header .reference-wordmark{display:flex;align-items:center;flex-shrink:0;line-height:0;letter-spacing:normal}.reference-wordmark img{display:block;width:180px;height:48px;object-fit:contain}@media(max-width:760px){.reference-wordmark img{width:130px;height:42px}.reference-header{gap:12px}}