html{scroll-behavior:smooth}
body{font-family:'JetBrains Mono',monospace;margin:0;background:#FFF;color:#202F3A}
input:focus,button:focus,a:focus{outline:2px solid #83D8FF;outline-offset:2px}
::selection{background:#FFF;color:#202F3A}
.headerMain{background:linear-gradient(135deg,#202F3A 0%,#1a2630 100%);padding:24px 48px;position:relative}
.headerInner{max-width:1600px;margin:0 auto;display:flex;align-items:center;gap:48px}
.logoContainer{width:78px;height:78px;background:#ffffff0d;border:1px solid #83d8ff4d;border-radius:28px;padding:12px;box-shadow:0 4px 14px -1px #202f3a17 0 9px 52px -1px #202f3a1f;display:flex;align-items:center;justify-content:center}
.logoContainer img{width:100%;height:100%;object-fit:contain}
.dividerLine{width:2px;height:48px;background:linear-gradient(to bottom,transparent,#83D8FF,transparent)}
.navPrimary{flex:1;display:flex;gap:24px;flex-wrap:wrap;align-items:center}
.navPrimary a{color:#FFF;text-decoration:none;font-size:16px;font-weight:400;padding:12px 24px;border-radius:28px;display:flex;align-items:center;gap:8px;background:#ffffff08;border:1px solid #83d8ff26;transition:background .45s cubic-bezier(0.16,1,0.3,1),border-color .45s cubic-bezier(0.16,1,0.3,1),transform .35s ease-in-out}
.navPrimary a:hover{background:#83d8ff1f;border-color:#83D8FF;transform:translateY(-2px)}
.navPrimary a i{font-size:19px}
@media (max-width: 900px) {
.headerInner{flex-direction:column;gap:24px;align-items:flex-start}
.dividerLine{display:none}
.navPrimary{width:100%;justify-content:flex-start}
}
@media (max-width: 600px) {
.headerMain{padding:24px}
.navPrimary a{font-size:13px;padding:8px 12px}
.logoContainer{width:70px;height:70px}
}
.footerBrutalist{background:#202F3A;color:#FFF;padding:96px 48px 48px;margin-top:96px}
.footerInner{max-width:1600px;margin:0 auto}
.footerTopRow{display:grid;grid-template-columns:repeat(4,1fr);gap:48px;margin-bottom:48px;padding-bottom:48px;border-bottom:2px solid #83D8FF}
.footerLogoSection{display:flex;flex-direction:column;gap:24px}
.footerLogoBox{width:75px;height:75px;background:#83d8ff14;border:1px solid #83D8FF;border-radius:28px;padding:12px;display:flex;align-items:center;justify-content:center}
.footerLogoBox img{width:100%;height:100%;object-fit:contain}
.footerBrand{font-size:25px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.footerContactBlock h3{font-size:19px;font-weight:700;margin:0 0 24px;text-transform:uppercase;letter-spacing:.05em;color:#83D8FF}
.footerContactBlock p{font-size:16px;line-height:1.7;margin:0 0 12px;font-weight:300}
.footerContactBlock a{color:#FFF;text-decoration:none;transition:color .4s ease-in-out}
.footerContactBlock a:hover{color:#83D8FF}
.footerLinksColumn h3{font-size:19px;font-weight:700;margin:0 0 24px;text-transform:uppercase;letter-spacing:.05em;color:#83D8FF}
.footerLinksColumn ul{list-style:none;padding:0;margin:0}
.footerLinksColumn li{margin-bottom:12px}
.footerLinksColumn a{color:#FFF;text-decoration:none;font-size:16px;font-weight:300;transition:color .4s ease-in-out,padding-left .35s cubic-bezier(0.16,1,0.3,1);display:inline-block}
.footerLinksColumn a:hover{color:#83D8FF;padding-left:8px}
.footerBottomRow{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}
.copyrightText{font-size:13px;font-weight:300;color:#fff9}
.footerGeometricAccent{width:120px;height:4px;background:linear-gradient(90deg,#83D8FF 0%,transparent 100%)}
@media (max-width: 1200px) {
.footerTopRow{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 600px) {
.footerBrutalist{padding:48px 24px 24px}
.footerTopRow{grid-template-columns:1fr;gap:24px}
.footerBottomRow{flex-direction:column;align-items:flex-start}
}
.content-legal{max-width:1600px;margin:0 auto;padding:48px 24px;background:#FFF}
.content-legal p{font-size:16px;line-height:1.7;color:#202F3A;margin:0 0 24px}
.content-legal p:last-child{margin-bottom:0}
.content-legal a{color:#202F3A;text-decoration:underline;text-decoration-color:#83D8FF;text-decoration-thickness:2px;text-underline-offset:3px;transition:text-decoration-color .42s cubic-bezier(0.16,1,0.3,1)}
.content-legal a:hover{text-decoration-color:#202F3A}
.content-legal ul,.content-legal ol{margin:0 0 24px;padding-left:24px}
.content-legal li{font-size:16px;line-height:1.7;color:#202F3A;margin-bottom:12px}
.content-legal li:last-child{margin-bottom:0}
.content-legal ul li{list-style-type:disc}
.content-legal ol li{list-style-type:decimal}
.content-legal table{width:100%;border-collapse:collapse;margin:0 0 48px;background:#FFF;box-shadow:0 2px 2px -1px #202f3a12 0 4px 14px -1px #202f3a17;border-radius:28px;overflow:hidden}
.content-legal thead{background:linear-gradient(135deg,#202F3A 0%,#83d8ff1f 100%)}
.content-legal th{font-size:16px;line-height:1.4;color:#FFF;text-align:left;padding:24px;font-weight:600}
.content-legal td{font-size:16px;line-height:1.7;color:#202F3A;padding:24px;border-bottom:1px solid #83d8ff33}
.content-legal tr:last-child td{border-bottom:none}
.content-legal tbody tr{transition:background .38s ease-in-out}
.content-legal tbody tr:hover{background:#83d8ff0d}
.content-legal hr{border:none;height:2px;background:linear-gradient(90deg,#83D8FF 0%,transparent 100%);margin:48px 0}
.content-legal div{margin:0 0 24px}
@media (max-width: 900px) {
.content-legal{padding:24px 12px}
.content-legal table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.content-legal th,.content-legal td{padding:12px;font-size:13px}
}
@media (max-width: 600px) {
.content-legal p,.content-legal li{font-size:13px}
.content-legal hr{margin:24px 0}
}
.mjgHome{background:#FFF;color:#202F3A;max-width:1600px;margin:0 auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.mjgHome ::selection{background:#FFF;color:#202F3A}
.mjgHome .heroPanel{display:grid;grid-template-columns:1fr 1fr;min-height:520px;position:relative;overflow:hidden}
.mjgHome .heroImageSide{position:relative;overflow:hidden}
.mjgHome .heroImageSide img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.3);transition:transform .45s cubic-bezier(0.16,1,0.3,1)}
.mjgHome .heroImageSide:hover img{transform:scale(1.08) translateX(12px)}
.mjgHome .heroTextSide{display:flex;flex-direction:column;justify-content:center;padding:48px;position:relative}
.mjgHome .heroTextSide::before{content:'';position:absolute;left:0;top:24px;bottom:24px;width:4px;background:linear-gradient(180deg,#83D8FF 0%,#202F3A 100%)}
.mjgHome .heroHeading{font-size:46px;line-height:1.1;letter-spacing:-.02em;margin:0 0 24px;font-weight:900}
.mjgHome .heroHeading .accentWord{background:linear-gradient(135deg,#83D8FF 0%,#202F3A 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.mjgHome .heroDescription{font-size:19px;line-height:1.7;margin:0 0 24px;color:#202F3A;opacity:.85}
.mjgHome .shapeLayer{position:absolute;right:48px;bottom:48px;width:180px;height:180px;pointer-events:none}
.mjgHome .shapeLayer svg{position:absolute;width:100%;height:100%}
.mjgHome .shapeLayer svg:nth-child(1){opacity:.15;transform:rotate(15deg)}
.mjgHome .shapeLayer svg:nth-child(2){opacity:.08;transform:rotate(-22deg) scale(1.2)}
.mjgHome .programIntro{padding:96px 48px;background:#FFF;position:relative}
.mjgHome .programIntro::before{content:'';position:absolute;left:0;top:0;bottom:0;width:8px;background:#83D8FF}
.mjgHome .programIntroInner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.mjgHome .programTextBox{padding:24px 0}
.mjgHome .programTextBox h2{font-size:34px;line-height:1.1;letter-spacing:-.01em;margin:0 0 24px;font-weight:900;color:#202F3A}
.mjgHome .programTextBox p{font-size:16px;line-height:1.7;margin:0 0 12px;color:#202F3A}
.mjgHome .programImageBox{position:relative;height:420px;border-radius:28px;overflow:hidden;box-shadow:0 2px 2px -1px #202f3a12 0 4px 14px -1px #202f3a17 0 9px 52px -1px #202f3a1f}
.mjgHome .programImageBox img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(0.16,1,0.3,1)}
.mjgHome .programImageBox:hover img{transform:scale(1.05) translateY(-8px)}
.mjgHome .curveConnector{position:absolute;left:50%;top:-48px;width:2px;height:96px;transform:translateX(-50%)}
.mjgHome .curveConnector svg{width:100%;height:100%}
.mjgHome .featureGrid{padding:96px 48px;background:linear-gradient(135deg,#FFF 0%,#83d8ff14 100%)}
.mjgHome .featureGrid h2{font-size:34px;line-height:1.1;letter-spacing:-.01em;margin:0 0 48px;font-weight:900;text-align:center;color:#202F3A}
.mjgHome .featureCards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto}
.mjgHome .featureCard{background:#FFF;padding:24px;border-radius:28px;position:relative;box-shadow:0 2px 2px -1px #202f3a12 0 4px 14px -1px #202f3a17;transition:transform .4s ease-in-out,box-shadow .4s ease-in-out;animation:cardAppear .5s steps(3) backwards}
.mjgHome .featureCard:nth-child(1){animation-delay:.1s}
.mjgHome .featureCard:nth-child(2){animation-delay:.2s}
.mjgHome .featureCard:nth-child(3){animation-delay:.3s}
@keyframes cardAppear {
from{opacity:0;transform:translateY(24px)}
to{opacity:1;transform:translateY(0)}
}
.mjgHome .featureCard:hover{transform:translateY(-8px);box-shadow:0 2px 2px -1px #202f3a12 0 4px 14px -1px #202f3a17 0 9px 52px -1px #202f3a1f}
.mjgHome .featureCard::before{content:'';position:absolute;left:0;top:24px;bottom:24px;width:4px;background:#83D8FF;border-radius:0 28px 28px 0}
.mjgHome .featureCard h3{font-size:19px;line-height:1.4;margin:0 0 12px;font-weight:900;color:#202F3A}
.mjgHome .featureCard p{font-size:16px;line-height:1.7;margin:0;color:#202F3A;opacity:.85}
.mjgHome .featureIconBox{width:48px;height:48px;margin:0 0 12px;display:flex;align-items:center;justify-content:center}
.mjgHome .featureIconBox svg{width:32px;height:32px;transition:transform .35s cubic-bezier(0.16,1,0.3,1)}
.mjgHome .featureCard:hover .featureIconBox svg{transform:rotate(12deg) scale(1.1)}
.mjgHome .valueSection{padding:96px 48px;background:#FFF;position:relative}
.mjgHome .valueSection::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:0;height:0;border-left:48px solid transparent;border-right:48px solid transparent;border-top:24px solid #83d8ff14}
.mjgHome .valueSectionInner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:48px}
.mjgHome .valueColumn{display:flex;flex-direction:column;gap:24px}
.mjgHome .valueImageBlock{position:relative;height:280px;border-radius:28px;overflow:hidden;box-shadow:0 2px 2px -1px #83d8ff12 0 4px 14px -1px #83d8ff17 0 9px 52px -1px #83d8ff1f}
.mjgHome .valueImageBlock img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease-in-out}
.mjgHome .valueImageBlock:hover img{transform:scale(1.06) translateX(-12px)}
.mjgHome .valueTextBlock{background:#FFF;padding:24px;border-radius:28px;box-shadow:inset 0 2px 4px #202f3a0d inset 0 -2px 4px #202f3a05}
.mjgHome .valueTextBlock h3{font-size:19px;line-height:1.4;margin:0 0 12px;font-weight:900;color:#202F3A}
.mjgHome .valueTextBlock p{font-size:16px;line-height:1.7;margin:0;color:#202F3A;opacity:.85}
.mjgHome .expandPanel{padding:96px 48px;background:linear-gradient(225deg,#83d8ff1f 0%,#FFF 100%)}
.mjgHome .expandPanelInner{max-width:900px;margin:0 auto}
.mjgHome .expandPanelInner h2{font-size:34px;line-height:1.1;letter-spacing:-.01em;margin:0 0 48px;font-weight:900;text-align:right;color:#202F3A}
.mjgHome .expandToggle{display:none}
.mjgHome .expandTriggerBox{background:#202F3A;color:#FFF;padding:24px;border-radius:28px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .4s cubic-bezier(0.16,1,0.3,1);margin:0 0 24px}
.mjgHome .expandTriggerBox:hover{background:#83D8FF;color:#202F3A}
.mjgHome .expandTriggerBox span{font-size:19px;line-height:1.4;font-weight:700}
.mjgHome .expandArrow{width:24px;height:24px;transition:transform .35s ease-in-out}
.mjgHome .expandToggle:checked ~ .expandTriggerBox .expandArrow{transform:rotate(180deg)}
.mjgHome .expandContent{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(0.16,1,0.3,1)}
.mjgHome .expandToggle:checked ~ .expandContent{max-height:2000px}
.mjgHome .expandContentInner{background:#FFF;padding:24px;border-radius:28px;box-shadow:0 2px 2px -1px #202f3a12 0 4px 14px -1px #202f3a17}
.mjgHome .expandContentInner p{font-size:16px;line-height:1.7;margin:0 0 12px;color:#202F3A}
.mjgHome .expandContentInner p:last-child{margin:0}
.mjgHome .notchAccent{position:relative;padding-left:24px}
.mjgHome .notchAccent::before{content:'';position:absolute;left:0;top:4px;width:12px;height:12px;background:#83D8FF;clip-path:polygon(0 0,100% 50%,0 100%)}
@media (max-width: 1200px) {
.mjgHome .heroPanel{grid-template-columns:1fr}
.mjgHome .heroImageSide{min-height:400px}
.mjgHome .programIntroInner{grid-template-columns:1fr}
.mjgHome .valueSectionInner{grid-template-columns:1fr}
.mjgHome .featureCards{grid-template-columns:1fr}
}
@media (max-width: 900px) {
.mjgHome .heroHeading{font-size:34px}
.mjgHome .heroTextSide{padding:24px}
.mjgHome .programIntro{padding:48px 24px}
.mjgHome .featureGrid{padding:48px 24px}
.mjgHome .valueSection{padding:48px 24px}
.mjgHome .expandPanel{padding:48px 24px}
}
@media (max-width: 600px) {
.mjgHome .heroHeading{font-size:25px}
.mjgHome .heroDescription{font-size:16px}
.mjgHome .programTextBox h2,.mjgHome .featureGrid h2,.mjgHome .expandPanelInner h2{font-size:25px}
.mjgHome .featureCard h3,.mjgHome .valueTextBlock h3{font-size:16px}
.mjgHome .shapeLayer{width:120px;height:120px;right:24px;bottom:24px}
}
.mjgProgramPage{background:#FFF;color:#202F3A;max-width:1600px;margin:0 auto;overflow-x:clip}
.mjgProgramPage .titleSplit{display:grid;grid-template-columns:repeat(2,1fr);gap:0;min-height:580px;position:relative;padding-top:96px;padding-bottom:48px}
.mjgProgramPage .titleSplit::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,#202f3a05 1px,transparent 1px),linear-gradient(#202f3a05 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:1}
.mjgProgramPage .imageHalfBox{position:relative;overflow:hidden}
.mjgProgramPage .imageHalfBox img{width:100%;height:100%;object-fit:cover;filter:blur(0)}
.mjgProgramPage .imageHalfBox::after{content:'';position:absolute;bottom:0;left:0;right:0;height:35%;background:linear-gradient(to top,#fff9,transparent);pointer-events:none}
.mjgProgramPage .textHalfBox{display:flex;flex-direction:column;justify-content:flex-end;padding:48px 48px 96px;position:relative;z-index:2;animation:slideFromRight .8s steps(8) backwards}
@keyframes slideFromRight {
from{transform:translateX(100%);opacity:0}
to{transform:translateX(0);opacity:1}
}
.mjgProgramPage .mainHeadingBox h1{font-size:46px;line-height:1.1;letter-spacing:-.02em;margin:0 0 12px;font-weight:700}
.mjgProgramPage .mainHeadingBox h1 span:first-child{color:#202F3A}
.mjgProgramPage .mainHeadingBox h1 span:last-child{color:#83D8FF}
.mjgProgramPage .subHeadingBox h2{font-size:25px;line-height:1.4;letter-spacing:-.01em;margin:0 0 24px;font-weight:600;color:#202F3A}
.mjgProgramPage .descriptionBox p{font-size:16px;line-height:1.7;letter-spacing:.01em;margin:0;color:#202F3A}
.mjgProgramPage .programStructureBox{padding:96px 48px;background:linear-gradient(135deg,#83d8ff14,#ffff);position:relative}
.mjgProgramPage .structureInner{display:grid;grid-template-columns:3fr 1fr;gap:48px;align-items:start}
.mjgProgramPage .modulesGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.mjgProgramPage .moduleCard{background:#FFF;padding:24px;border-radius:28px;border-left:4px solid #83D8FF;box-shadow:0 2px 2px -1px #202f3a12 0 4px 14px -1px #202f3a17 0 9px 52px -1px #202f3a1f;transition:transform .45s cubic-bezier(0.16,1,0.3,1)}
.mjgProgramPage .moduleCard:hover{transform:translateY(-4px)}
.mjgProgramPage .moduleCard h3{font-size:19px;line-height:1.4;letter-spacing:-.005em;margin:0 0 12px;font-weight:700;color:#202F3A}
.mjgProgramPage .moduleCard p{font-size:13px;line-height:1.7;letter-spacing:.01em;margin:0;color:#202F3A}
.mjgProgramPage .sideDetailBox{background:#202F3A;padding:24px;border-radius:28px;color:#FFF;position:sticky;top:24px}
.mjgProgramPage .sideDetailBox h4{font-size:19px;line-height:1.4;letter-spacing:-.005em;margin:0 0 24px;font-weight:700}
.mjgProgramPage .metricRow{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.mjgProgramPage .metricRow:last-child{margin-bottom:0}
.mjgProgramPage .arrowIcon{width:24px;height:24px;fill:none;stroke:#83D8FF;stroke-width:2}
.mjgProgramPage .metricText{font-size:16px;line-height:1.4;letter-spacing:0;margin:0}
.mjgProgramPage .metricText strong{font-weight:700;color:#83D8FF}
.mjgProgramPage .benefitsSection{padding:96px 48px;background:#FFF;position:relative}
.mjgProgramPage .benefitsSection::before{content:'?';position:absolute;top:48px;right:48px;font-size:280px;line-height:1;color:transparent;-webkit-text-stroke:2px #83d8ff26;font-weight:700;pointer-events:none;z-index:0}
.mjgProgramPage .benefitsInner{position:relative;z-index:1}
.mjgProgramPage .benefitsHeading{text-align:right;margin-bottom:48px}
.mjgProgramPage .benefitsHeading h2{font-size:34px;line-height:1.1;letter-spacing:-.015em;margin:0;font-weight:700;color:#202F3A}
.mjgProgramPage .benefitsGrid{display:flex;flex-direction:column;gap:24px}
.mjgProgramPage .benefitItem{display:flex;align-items:flex-start;gap:24px;padding:24px;background:linear-gradient(90deg,#83d8ff0d,#ffff);border-radius:28px;transition:background .5s ease-in-out}
.mjgProgramPage .benefitItem:hover{background:linear-gradient(90deg,#83d8ff1f,#ffff)}
.mjgProgramPage .benefitIcon{width:48px;height:48px;flex-shrink:0;background:#202F3A;border-radius:28px;display:flex;align-items:center;justify-content:center;color:#83D8FF;font-size:25px;font-weight:700;line-height:1;animation:iconFlicker 4s infinite steps(2)}
@keyframes iconFlicker {
0%,100%{outline:2px solid #83D8FF;outline-offset:0}
50%{outline:2px solid #83D8FF;outline-offset:2px}
}
.mjgProgramPage .benefitContent h4{font-size:19px;line-height:1.4;letter-spacing:-.005em;margin:0 0 8px;font-weight:700;color:#202F3A}
.mjgProgramPage .benefitContent p{font-size:16px;line-height:1.7;letter-spacing:.01em;margin:0;color:#202F3A}
.mjgProgramPage .beforeAfterSection{padding:96px 48px;background:#202F3A;color:#FFF;position:relative;overflow:hidden}
.mjgProgramPage .beforeAfterSection::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:48px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 48" preserveAspectRatio="none"><path d="M0,24 Q30,8 60,24 T120,24 T180,24 T240,24 T300,24 T360,24 T420,24 T480,24 T540,24 T600,24 T660,24 T720,24 T780,24 T840,24 T900,24 T960,24 T1020,24 T1080,24 T1140,24 T1200,24 L1200,48 L0,48 Z" fill="%23FFFFFF"/></svg>') repeat-x bottom;background-size:120px 48px;pointer-events:none}
.mjgProgramPage .comparisonBox{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;max-width:1200px;margin:0 auto}
.mjgProgramPage .stepBox{background:#ffffff0d;padding:48px;border-radius:28px;position:relative}
.mjgProgramPage .stepBox::before{content:'';position:absolute;top:0;left:0;bottom:0;width:4px;background:#83D8FF;border-radius:28px 0 0 28px}
.mjgProgramPage .stepLabel{font-size:13px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;color:#83D8FF;font-weight:700}
.mjgProgramPage .stepBox h3{font-size:25px;line-height:1.4;letter-spacing:-.01em;margin:0 0 24px;font-weight:700}
.mjgProgramPage .stepBox ul{list-style:none;padding:0;margin:0}
.mjgProgramPage .stepBox li{font-size:16px;line-height:1.7;letter-spacing:.01em;margin-bottom:12px;padding-left:24px;position:relative}
.mjgProgramPage .stepBox li:last-child{margin-bottom:0}
.mjgProgramPage .stepBox li::before{content:'';position:absolute;left:0;top:10px;width:8px;height:8px;background:#83D8FF;border-radius:0}
.mjgProgramPage .stepBox:first-child p:first-of-type{background:#83d8ff1a;padding:12px;border-radius:28px;margin-bottom:24px}
@media (max-width: 1200px) {
.mjgProgramPage .modulesGrid{grid-template-columns:repeat(2,1fr)}
.mjgProgramPage .structureInner{grid-template-columns:1fr}
.mjgProgramPage .sideDetailBox{position:static}
}
@media (max-width: 900px) {
.mjgProgramPage .titleSplit{grid-template-columns:1fr;min-height:auto;padding-top:48px}
.mjgProgramPage .imageHalfBox{min-height:320px}
.mjgProgramPage .textHalfBox{padding:48px 24px}
.mjgProgramPage .mainHeadingBox h1{font-size:34px}
.mjgProgramPage .subHeadingBox h2{font-size:19px}
.mjgProgramPage .programStructureBox,.mjgProgramPage .benefitsSection,.mjgProgramPage .beforeAfterSection{padding:48px 24px}
.mjgProgramPage .comparisonBox{grid-template-columns:1fr;gap:24px}
.mjgProgramPage .benefitsHeading{text-align:left}
}
@media (max-width: 600px) {
.mjgProgramPage .modulesGrid{grid-template-columns:1fr}
.mjgProgramPage .mainHeadingBox h1{font-size:25px}
.mjgProgramPage .benefitsHeading h2{font-size:25px}
.mjgProgramPage .benefitItem{flex-direction:column;gap:12px}
.mjgProgramPage .stepBox{padding:24px}
}
.mjgProgramPage ::selection{background:#FFF;color:#202F3A}
.webinarMainBox{background:#FFF;color:#202F3A;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
.webinarMainBox ::selection{background:#FFF;color:#202F3A}
.webinarMainBox .heroBlock{max-width:1600px;margin:0 auto;padding:96px 24px 48px;position:relative;overflow:hidden}
.webinarMainBox .heroImageWrapper{width:100%;max-width:900px;margin:0 auto 48px;position:relative}
.webinarMainBox .heroImageWrapper::before{content:'';position:absolute;top:-48px;left:-48px;width:280px;height:280px;background:radial-gradient(circle,#83d8ff26 0%,transparent 70%);filter:blur(48px);pointer-events:none;z-index:1}
.webinarMainBox .heroImageWrapper::after{content:'';position:absolute;bottom:-48px;right:-48px;width:320px;height:320px;background:radial-gradient(circle,#202f3a14 0%,transparent 70%);filter:blur(48px);pointer-events:none;z-index:1}
.webinarMainBox .heroMainImage{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:28px;box-shadow:0 9px 52px -1px #202f3a1f 0 4px 14px -1px #202f3a17;display:block;position:relative;z-index:2}
.webinarMainBox .heroMainImage::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#83d8ff14 0%,#202f3a0f 100%);border-radius:28px;pointer-events:none;mix-blend-mode:overlay}
.webinarMainBox .heroTextContent{text-align:center;max-width:800px;margin:0 auto}
.webinarMainBox .heroTitle{font-size:46px;line-height:1.1;letter-spacing:-.02em;margin:0 0 24px;font-weight:900}
.webinarMainBox .heroTitle .accentPart{background:linear-gradient(135deg,#83D8FF 0%,#202F3A 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.webinarMainBox .heroDescription{font-size:19px;line-height:1.7;margin:0 0 48px;color:#202f3ad9}
.webinarMainBox .heroActions{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.webinarMainBox .primaryActionLink{display:inline-block;padding:12px 48px;background:#202F3A;color:#FFF;text-decoration:none;border-radius:28px;font-size:16px;font-weight:700;position:relative;overflow:hidden;transition:transform .42s cubic-bezier(0.16,1,0.3,1)}
.webinarMainBox .primaryActionLink::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,#83D8FF 100%);opacity:0;transition:opacity .48s ease-in-out}
.webinarMainBox .primaryActionLink:hover::before{opacity:.2}
.webinarMainBox .primaryActionLink:hover{transform:translateY(-2px)}
.webinarMainBox .secondaryActionLink{display:inline-block;padding:12px 48px;background:transparent;color:#202F3A;text-decoration:none;border-radius:28px;font-size:16px;font-weight:700;border:2px solid #202F3A;position:relative;transition:border-width .38s cubic-bezier(0.16,1,0.3,1)}
.webinarMainBox .secondaryActionLink:hover{border-width:4px}
.webinarMainBox .dividerWide{height:96px;background:linear-gradient(180deg,transparent 0%,#83d8ff1f 50%,transparent 100%);filter:blur(24px)}
.webinarMainBox .webinarListingBlock{max-width:1600px;margin:0 auto;padding:96px 24px;background:#202f3a05}
.webinarMainBox .sectionHeader{text-align:center;margin-bottom:48px}
.webinarMainBox .sectionTitle{font-size:34px;line-height:1.1;letter-spacing:-.01em;margin:0 0 12px;font-weight:900}
.webinarMainBox .sectionSubtext{font-size:16px;line-height:1.4;color:#202f3abf;margin:0}
.webinarMainBox .webinarGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.webinarMainBox .webinarCard{background:#FFF;border-radius:28px;padding:24px;box-shadow:0 2px 2px -1px #83d8ff12 0 4px 14px -1px #83d8ff17;position:relative;transition:transform .45s cubic-bezier(0.16,1,0.3,1),box-shadow .45s cubic-bezier(0.16,1,0.3,1);overflow:hidden}
.webinarMainBox .webinarCard::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#83D8FF 0%,#202F3A 100%);opacity:0;transition:opacity .45s cubic-bezier(0.16,1,0.3,1)}
.webinarMainBox .webinarCard:hover::before{opacity:1}
.webinarMainBox .webinarCard:hover{transform:translateY(-8px);box-shadow:0 9px 52px -1px #83d8ff1f 0 4px 14px -1px #83d8ff17}
.webinarMainBox .webinarCard::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,#83d8ff08 100%);pointer-events:none;opacity:0;transition:opacity .5s ease-in-out}
.webinarMainBox .webinarCard:hover::after{opacity:1}
.webinarMainBox .cardTopRow{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}
.webinarMainBox .webinarType{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#83D8FF}
.webinarMainBox .webinarDate{font-size:13px;color:#202f3aa6;font-weight:600}
.webinarMainBox .webinarTitle{font-size:19px;line-height:1.4;margin:0 0 8px;font-weight:900;color:#202F3A}
.webinarMainBox .webinarSummary{font-size:16px;line-height:1.7;color:#202f3abf;margin:0 0 24px}
.webinarMainBox .webinarMeta{display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid #202f3a1a}
.webinarMainBox .metaIcon{width:20px;height:20px;fill:#83D8FF;flex-shrink:0}
.webinarMainBox .metaText{font-size:13px;color:#202f3ab3;font-weight:600}
.webinarMainBox .audienceTypeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.webinarMainBox .audienceColumn{background:#FFF;border-radius:28px;padding:24px;box-shadow:0 2px 2px -1px #202f3a12;position:relative}
.webinarMainBox .audienceColumn::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#83D8FF;border-radius:28px 0 0 28px}
.webinarMainBox .audienceColumn:nth-child(2)::before{background:linear-gradient(180deg,#83D8FF 0%,#202F3A 100%)}
.webinarMainBox .audienceColumn:nth-child(3)::before{background:#202F3A}
.webinarMainBox .audienceHeader{font-size:19px;line-height:1.4;margin:0 0 12px;font-weight:900;color:#202F3A}
.webinarMainBox .audienceDesc{font-size:16px;line-height:1.7;color:#202f3abf;margin:0}
@media (max-width: 1200px) {
.webinarMainBox .webinarGrid{grid-template-columns:repeat(2,1fr)}
.webinarMainBox .audienceTypeGrid{grid-template-columns:1fr}
}
@media (max-width: 900px) {
.webinarMainBox .heroTitle{font-size:34px}
.webinarMainBox .heroDescription{font-size:16px}
.webinarMainBox .heroActions{flex-direction:column;align-items:stretch}
.webinarMainBox .primaryActionLink,.webinarMainBox .secondaryActionLink{text-align:center}
.webinarMainBox .sectionTitle{font-size:25px}
}
@media (max-width: 600px) {
.webinarMainBox .heroBlock{padding:48px 12px 24px}
.webinarMainBox .webinarListingBlock{padding:48px 12px}
.webinarMainBox .heroTitle{font-size:25px}
.webinarMainBox .webinarGrid{grid-template-columns:1fr}
.webinarMainBox .heroImageWrapper::before,.webinarMainBox .heroImageWrapper::after{display:none}
}
.aboutMagicPage{background:#FFF;color:#202F3A;max-width:1600px;margin:0 auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.aboutMagicPage ::selection{background:#FFF;color:#202F3A}
.aboutMagicPage .heroAboutSection{min-height:520px;display:flex;align-items:center;justify-content:center;padding:96px 24px;position:relative;background:linear-gradient(135deg,#83D8FF 0%,#FFF 100%);border-bottom:1px dashed #202f3a26}
.aboutMagicPage .heroAboutSection::before{content:'';position:absolute;top:0;right:0;width:2px;height:100%;background:#83D8FF}
.aboutMagicPage .heroContent-box{max-width:900px;text-align:center;animation:heroFadeIn .45s cubic-bezier(0.16,1,0.3,1) forwards;animation-delay:.15s;opacity:0}
@keyframes heroFadeIn {
to{opacity:1}
}
.aboutMagicPage .heroTitle{font-size:62px;line-height:1.1;letter-spacing:-.02em;margin:0 0 24px;font-weight:900}
.aboutMagicPage .heroTitle .accentPunct{color:#202F3A}
.aboutMagicPage .heroDescription{font-size:19px;line-height:1.7;letter-spacing:.01em;margin:0;color:#202f3ad9}
.aboutMagicPage .storyContentSection{padding:96px 24px;background:#FFF;position:relative}
.aboutMagicPage .storyContentSection::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:repeating-linear-gradient(90deg,#83D8FF 0px,#83D8FF 12px,transparent 12px,transparent 24px)}
.aboutMagicPage .storyGrid{display:grid;grid-template-columns:1fr 1.6fr;gap:48px;max-width:1400px;margin:0 auto;align-items:start}
.aboutMagicPage .imageColumn{position:relative}
.aboutMagicPage .storyImage-primary{width:100%;height:480px;object-fit:cover;border-radius:28px;box-shadow:0 4px 14px -1px #202f3a17 0 9px 52px -1px #83d8ff1f;animation:imageZoomIn .5s cubic-bezier(0.16,1,0.3,1) forwards;animation-delay:.25s;opacity:0;display:block}
@keyframes imageZoomIn {
from{opacity:0;transform:scale(0.95)}
to{opacity:1;transform:scale(1)}
}
.aboutMagicPage .textColumn{display:flex;flex-direction:column;gap:48px}
.aboutMagicPage .storyBlock{animation:blockSlideIn .5s cubic-bezier(0.16,1,0.3,1) forwards;opacity:0}
.aboutMagicPage .storyBlock:nth-child(1){animation-delay:.35s}
.aboutMagicPage .storyBlock:nth-child(2){animation-delay:.5s}
.aboutMagicPage .storyBlock:nth-child(3){animation-delay:.65s}
@keyframes blockSlideIn {
from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
.aboutMagicPage .storyHeading{font-size:34px;line-height:1.4;letter-spacing:-.01em;margin:0 0 12px;font-weight:900;color:#202F3A}
.aboutMagicPage .storyText{font-size:16px;line-height:1.7;letter-spacing:.005em;margin:0 0 24px;color:#202f3ad9}
.aboutMagicPage .storyText:last-child{margin-bottom:0}
.aboutMagicPage .highlightedPara{background:linear-gradient(90deg,#83d8ff1f 0%,transparent 100%);padding:24px;border-radius:28px;border-left:4px solid #83D8FF}
.aboutMagicPage .teamSection{padding:96px 24px;background:linear-gradient(180deg,#FFF 0%,#83d8ff14 100%);position:relative}
.aboutMagicPage .teamSection::before{content:'';position:absolute;top:0;left:0;width:100%;height:80px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 80"><path d="M0,40 Q150,20 300,40 T600,40 T900,40 T1200,40 L1200,80 L0,80 Z" fill="%23FFFFFF"/></svg>') no-repeat;background-size:cover}
.aboutMagicPage .teamContainer-box{max-width:1400px;margin:0 auto}
.aboutMagicPage .teamHeader{text-align:right;margin-bottom:48px}
.aboutMagicPage .teamTitle{font-size:46px;line-height:1.1;letter-spacing:-.015em;margin:0 0 12px;font-weight:900;color:#202F3A}
.aboutMagicPage .teamSubtitle{font-size:19px;line-height:1.4;letter-spacing:.005em;margin:0;color:#202f3abf}
.aboutMagicPage .teamGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.aboutMagicPage .memberCard{background:#FFF;border-radius:28px;overflow:hidden;box-shadow:0 2px 2px -1px #83d8ff12 0 4px 14px -1px #202f3a17;transition:transform .45s cubic-bezier(0.16,1,0.3,1),box-shadow .45s ease-in-out;animation:cardAppear .5s cubic-bezier(0.16,1,0.3,1) forwards;opacity:0}
.aboutMagicPage .memberCard:nth-child(1){animation-delay:.15s}
.aboutMagicPage .memberCard:nth-child(2){animation-delay:.3s}
.aboutMagicPage .memberCard:nth-child(3){animation-delay:.45s}
@keyframes cardAppear {
from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}
}
.aboutMagicPage .memberCard:hover{transform:translateY(-8px);box-shadow:0 4px 14px -1px #83d8ff17 0 9px 52px -1px #202f3a1f}
.aboutMagicPage .memberImage{width:100%;height:320px;object-fit:cover;display:block;transition:transform .55s cubic-bezier(0.16,1,0.3,1)}
.aboutMagicPage .memberCard:hover .memberImage{transform:scale(1.05)}
.aboutMagicPage .memberInfo-box{padding:24px}
.aboutMagicPage .memberName{font-size:25px;line-height:1.4;letter-spacing:-.005em;margin:0 0 8px;font-weight:900;color:#202F3A}
.aboutMagicPage .memberRole{font-size:16px;line-height:1.4;letter-spacing:.005em;margin:0 0 12px;color:#83D8FF;font-weight:600}
.aboutMagicPage .memberBio{font-size:16px;line-height:1.7;letter-spacing:.005em;margin:0;color:#202f3abf}
.aboutMagicPage .valuesSection{padding:96px 24px;background:#202F3A;color:#FFF;position:relative}
.aboutMagicPage .valuesSection::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent 0%,#83D8FF 50%,transparent 100%)}
.aboutMagicPage .valuesContainer-box{max-width:1400px;margin:0 auto}
.aboutMagicPage .valuesIntro{max-width:700px;margin:0 0 48px}
.aboutMagicPage .valuesMainTitle{font-size:46px;line-height:1.1;letter-spacing:-.015em;margin:0 0 24px;font-weight:900;background:linear-gradient(135deg,#83D8FF 0%,#FFF 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.aboutMagicPage .valuesIntroText{font-size:19px;line-height:1.7;letter-spacing:.005em;margin:0;color:#ffffffd9}
.aboutMagicPage .valuesGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.aboutMagicPage .valueCard{background:#83d8ff0d;padding:24px;border-radius:28px;border:1px solid #83d8ff26;transition:background .4s ease-in-out,border-color .4s ease-in-out;position:relative;overflow:hidden}
.aboutMagicPage .valueCard::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:#83D8FF;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(0.16,1,0.3,1)}
.aboutMagicPage .valueCard:hover::before{transform:scaleX(1)}
.aboutMagicPage .valueCard:hover{background:#83d8ff1a;border-color:#83d8ff4d}
.aboutMagicPage .valueIcon{width:48px;height:48px;margin:0 0 12px;fill:#83D8FF;transition:transform .35s cubic-bezier(0.16,1,0.3,1)}
.aboutMagicPage .valueCard:hover .valueIcon{transform:rotate(15deg)}
.aboutMagicPage .valueTitle{font-size:19px;line-height:1.4;letter-spacing:-.005em;margin:0 0 8px;font-weight:900;color:#FFF}
.aboutMagicPage .valueDescription{font-size:16px;line-height:1.7;letter-spacing:.005em;margin:0;color:#ffffffbf}
@media (max-width: 1200px) {
.aboutMagicPage .storyGrid{grid-template-columns:1fr;gap:48px}
.aboutMagicPage .teamGrid{grid-template-columns:repeat(2,1fr)}
.aboutMagicPage .valuesGrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 900px) {
.aboutMagicPage .heroTitle{font-size:46px}
.aboutMagicPage .teamGrid{grid-template-columns:1fr}
.aboutMagicPage .valuesGrid{grid-template-columns:1fr}
.aboutMagicPage .teamHeader{text-align:left}
}
@media (max-width: 600px) {
.aboutMagicPage .heroAboutSection{padding:48px 24px;min-height:400px}
.aboutMagicPage .heroTitle{font-size:34px}
.aboutMagicPage .heroDescription{font-size:16px}
.aboutMagicPage .storyContentSection,.aboutMagicPage .teamSection,.aboutMagicPage .valuesSection{padding:48px 24px}
.aboutMagicPage .storyImage-primary{height:280px}
.aboutMagicPage .storyHeading,.aboutMagicPage .teamTitle,.aboutMagicPage .valuesMainTitle{font-size:25px}
.aboutMagicPage .memberImage{height:240px}
}
.mjgContactPage{background:#FFF;color:#202F3A;max-width:1600px;margin:0 auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.mjgContactPage ::selection{background:#83D8FF;color:#202F3A}
.mjgContactPage .heroSplit{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:96px 24px;position:relative;overflow:hidden}
.mjgContactPage .heroSplit::before{content:'';position:absolute;top:48px;right:48px;width:280px;height:280px;border:1px solid #83d8ff26;border-radius:50%;pointer-events:none}
.mjgContactPage .heroSplit::after{content:'';position:absolute;top:68px;right:68px;width:240px;height:240px;border:1px solid #83d8ff1a;border-radius:50%;pointer-events:none}
.mjgContactPage .bentoGrid{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.mjgContactPage .imageCell{position:relative;background:linear-gradient(135deg,#83d8ff14 0%,#202f3a0a 100%);border-radius:28px;padding:96px 48px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.mjgContactPage .imageCell::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,#83d8ff1f 0%,transparent 60%);pointer-events:none}
.mjgContactPage .imageCell::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at top left,transparent 0%,#202f3a0d 100%),radial-gradient(ellipse at bottom right,transparent 0%,#202f3a0d 100%);pointer-events:none}
.mjgContactPage .visualShape{width:180px;height:180px;background:linear-gradient(135deg,#83D8FF 0%,#83d8ff66 100%);border-radius:28px;position:relative;animation:letterExpand 1.2s steps(8) forwards}
@keyframes letterExpand {
from{transform:scale(0.85) rotate(-8deg);opacity:.7}
to{transform:scale(1) rotate(0deg);opacity:1}
}
.mjgContactPage .textCell{padding:24px}
.mjgContactPage .eyebrowLabel{font-size:13px;line-height:1.4;letter-spacing:.08em;color:#83D8FF;margin-bottom:12px;text-transform:uppercase}
.mjgContactPage .mainHeading{font-size:46px;line-height:1.1;letter-spacing:-.02em;font-weight:700;margin:0}
.mjgContactPage .mainHeading .accentWord{color:#83D8FF}
.mjgContactPage .formSection{padding:96px 24px;background:linear-gradient(180deg,#83d8ff08 0%,#202f3a05 50%,#83d8ff0a 100%);position:relative}
.mjgContactPage .formSection::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:140px;height:3px;background:linear-gradient(90deg,transparent 0%,#83D8FF 50%,transparent 100%)}
.mjgContactPage .formSection::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:140px;height:3px;background:linear-gradient(90deg,transparent 0%,#202F3A 50%,transparent 100%)}
.mjgContactPage .formWrapper{max-width:720px;margin:0 auto}
.mjgContactPage .formIntro{background:#FFF;padding:24px;border-left:4px solid #83D8FF;margin-bottom:48px;box-shadow:0 2px 2px -1px #202f3a12 0 4px 14px -1px #202f3a17}
.mjgContactPage .formIntro p{font-size:16px;line-height:1.7;letter-spacing:.01em;margin:0;color:#202F3A}
.mjgContactPage .sectionTitle{font-size:34px;line-height:1.1;letter-spacing:-.01em;font-weight:700;text-align:center;margin:0 0 48px}
.mjgContactPage .contactForm{background:#FFF;padding:48px;border-radius:28px;box-shadow:0 4px 14px -1px #202f3a17 0 9px 52px -1px #202f3a1f}
.mjgContactPage .fieldGroup{margin-bottom:24px}
.mjgContactPage .fieldLabel{display:block;font-size:16px;line-height:1.4;letter-spacing:.005em;font-weight:600;color:#202F3A;margin-bottom:8px}
.mjgContactPage .textInput{width:100%;padding:12px;font-size:16px;line-height:1.4;letter-spacing:.005em;color:#202F3A;background:#FFF;border:2px solid #202f3a26;border-radius:28px;transition:border-color .42s cubic-bezier(0.16,1,0.3,1),box-shadow .42s cubic-bezier(0.16,1,0.3,1);outline:none}
.mjgContactPage .textInput::placeholder{color:#202f3a66}
.mjgContactPage .textInput:focus{border-color:#83D8FF;box-shadow:0 0 0 4px #83d8ff1f}
.mjgContactPage .textInput:hover{border-color:#202f3a4d}
.mjgContactPage .ratingBox{margin-bottom:24px}
.mjgContactPage .ratingTitle{font-size:16px;line-height:1.4;letter-spacing:.005em;font-weight:600;color:#202F3A;margin-bottom:12px}
.mjgContactPage .ratingOptions{display:flex;gap:12px;flex-wrap:wrap}
.mjgContactPage .ratingItem{position:relative}
.mjgContactPage .ratingRadio{position:absolute;opacity:0;pointer-events:none}
.mjgContactPage .ratingLabel{display:flex;align-items:center;justify-content:center;padding:12px 24px;font-size:16px;line-height:1.4;letter-spacing:.005em;color:#202F3A;background:#FFF;border:2px solid #202f3a26;border-radius:28px;cursor:pointer;transition:all .38s ease-in-out;position:relative}
.mjgContactPage .ratingLabel::after{content:'';position:absolute;inset:-4px;border:2px solid transparent;border-radius:28px;opacity:0;transition:opacity .38s ease-in-out,border-color .38s ease-in-out}
.mjgContactPage .ratingRadio:checked + .ratingLabel{background:#83D8FF;color:#FFF;border-color:#83D8FF}
.mjgContactPage .ratingRadio:checked + .ratingLabel::after{opacity:1;border-color:#83D8FF}
.mjgContactPage .ratingLabel:hover{border-color:#83D8FF;transform:translateY(-2px)}
.mjgContactPage .ratingRadio:focus + .ratingLabel{box-shadow:0 0 0 4px #83d8ff33}
.mjgContactPage .privacyCheckbox{margin-bottom:24px;display:flex;align-items:flex-start;gap:12px}
.mjgContactPage .checkboxInput{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#83D8FF}
.mjgContactPage .privacyText{font-size:13px;line-height:1.7;letter-spacing:.005em;color:#202F3A}
.mjgContactPage .privacyText a{color:#83D8FF;text-decoration:none;position:relative;transition:color .45s cubic-bezier(0.16,1,0.3,1)}
.mjgContactPage .privacyText a::before{content:'';position:absolute;bottom:0;left:50%;width:0;height:1px;background:#83D8FF;transform:translateX(-50%);transition:width .45s cubic-bezier(0.16,1,0.3,1)}
.mjgContactPage .privacyText a:hover::before{width:100%}
.mjgContactPage .submitButton{width:100%;padding:12px 48px;font-size:16px;line-height:1.4;letter-spacing:.01em;font-weight:600;color:#FFF;background:#202F3A;border:3px solid #202F3A;border-radius:28px;cursor:pointer;transition:all .47s ease-in-out;position:relative;overflow:visible}
.mjgContactPage .submitButton::before{content:'';position:absolute;inset:-6px;border:2px solid transparent;border-radius:28px;transition:border-color .47s ease-in-out}
.mjgContactPage .submitButton:hover{background:#83D8FF;border-color:#83D8FF}
.mjgContactPage .submitButton:hover::before{border-color:#83D8FF}
.mjgContactPage .submitButton:focus{outline:none;box-shadow:0 0 0 4px #83d8ff40}
.mjgContactPage .submitButton:active{transform:scale(0.98)}
.mjgContactPage .detailsSection{padding:96px 24px;background:radial-gradient(ellipse at 20% 30%,#83d8ff14 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,#202f3a0f 0%,transparent 50%),linear-gradient(135deg,#83d8ff08 0%,#202f3a0a 50%,#83d8ff0d 100%)}
.mjgContactPage .detailsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto}
.mjgContactPage .detailsHeading{grid-column:1 / -1;font-size:34px;line-height:1.1;letter-spacing:-.01em;font-weight:700;text-align:right;margin:0 0 24px;color:#202F3A}
.mjgContactPage .infoCard{background:#FFF;padding:24px;border-radius:28px;box-shadow:0 2px 2px -1px #202f3a12 0 4px 14px -1px #202f3a17;transition:transform .52s cubic-bezier(0.16,1,0.3,1),box-shadow .52s cubic-bezier(0.16,1,0.3,1);position:relative}
.mjgContactPage .infoCard:hover{transform:translateY(-4px);box-shadow:0 4px 14px -1px #202f3a17 0 9px 52px -1px #202f3a1f}
.mjgContactPage .infoCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#83D8FF 0%,#202F3A 100%);border-radius:28px 0 0 28px;opacity:0;transition:opacity .52s cubic-bezier(0.16,1,0.3,1)}
.mjgContactPage .infoCard:hover::before{opacity:1}
.mjgContactPage .cardIcon{width:48px;height:48px;background:linear-gradient(135deg,#83D8FF 0%,#83d8ff99 100%);border-radius:28px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:transform .48s ease-in-out}
.mjgContactPage .infoCard:hover .cardIcon{transform:rotate(8deg)}
.mjgContactPage .iconShape{width:24px;height:24px;background:#FFF;border-radius:0}
.mjgContactPage .cardTitle{font-size:19px;line-height:1.4;letter-spacing:-.005em;font-weight:700;color:#202F3A;margin:0 0 8px}
.mjgContactPage .cardContent{font-size:16px;line-height:1.7;letter-spacing:.005em;color:#202F3A;margin:0}
.mjgContactPage .cardLink{color:#83D8FF;text-decoration:none;position:relative;transition:color .4s cubic-bezier(0.16,1,0.3,1)}
.mjgContactPage .cardLink:hover{color:#202F3A}
.mjgContactPage .cardLink::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:currentColor;transform-origin:right;transform:scaleX(0);transition:transform .4s cubic-bezier(0.16,1,0.3,1)}
.mjgContactPage .cardLink:hover::after{transform-origin:left;transform:scaleX(1)}
.mjgContactPage .wideCard{grid-column:span 2}
@media (max-width: 900px) {
.mjgContactPage .heroSplit{padding:48px 24px}
.mjgContactPage .bentoGrid{grid-template-columns:1fr}
.mjgContactPage .imageCell{padding:48px 24px}
.mjgContactPage .mainHeading{font-size:34px}
.mjgContactPage .formSection{padding:48px 24px}
.mjgContactPage .contactForm{padding:24px}
.mjgContactPage .sectionTitle{font-size:25px}
.mjgContactPage .detailsSection{padding:48px 24px}
.mjgContactPage .detailsGrid{grid-template-columns:1fr}
.mjgContactPage .wideCard{grid-column:span 1}
.mjgContactPage .detailsHeading{text-align:left}
}
@media (max-width: 600px) {
.mjgContactPage .heroSplit{padding:24px 12px;gap:12px}
.mjgContactPage .mainHeading{font-size:25px}
.mjgContactPage .formSection{padding:24px 12px}
.mjgContactPage .formWrapper{padding:0 12px}
.mjgContactPage .contactForm{padding:12px}
.mjgContactPage .sectionTitle{font-size:19px}
.mjgContactPage .detailsSection{padding:24px 12px}
.mjgContactPage .ratingOptions{flex-direction:column}
.mjgContactPage .ratingLabel{width:100%}
}
.confirmacionEnvio{background:#FFF;min-height:100vh;position:relative;overflow-x:clip}
.confirmacionEnvio::before{content:'';position:absolute;top:0;right:0;width:45%;height:100%;background:linear-gradient(135deg,#83d8ff08 0%,#fff0 100%);pointer-events:none;z-index:1}
.confirmacionEnvio::after{content:'';position:absolute;top:12%;right:8%;width:420px;height:420px;border:2px solid #83d8ff26;border-radius:28px;transform:rotate(12deg);pointer-events:none;z-index:1}
.wrapperPrincipal{max-width:1600px;margin:0 auto;padding:96px 48px;position:relative;z-index:2}
.bloqueConfirmacion{max-width:720px;margin:0 0 96px;background:#FFF;padding:48px;border-radius:28px;box-shadow:0 2px 2px -1px #202f3a12 0 4px 14px -1px #202f3a17 0 9px 52px -1px #202f3a1f;border-top:4px solid #83D8FF;position:relative}
.iconoExito{width:84px;height:84px;margin:0 0 24px;background:linear-gradient(135deg,#83D8FF 0%,#202F3A 100%);border-radius:28px;display:flex;align-items:center;justify-content:center;animation:aparicionIcono .45s cubic-bezier(0.16,1,0.3,1) forwards}
@keyframes aparicionIcono {
0%{opacity:0;transform:scale(0.7) rotate(-5deg)}
100%{opacity:1;transform:scale(1) rotate(0deg)}
}
.iconoExito svg{width:42px;height:42px;stroke:#FFF;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.tituloConfirmacion{font-size:46px;line-height:1.1;color:#202F3A;margin:0 0 12px;letter-spacing:-.02em;font-weight:900;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.resaltadoTitulo{background:linear-gradient(120deg,#83D8FF 0%,#202F3A 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.descripcionConfirmacion{font-size:19px;line-height:1.7;color:#202F3A;margin:0 0 24px;opacity:.85}
.detallesMensaje{background:#83d8ff14;padding:24px;border-radius:28px;margin:0 0 24px;border-left:4px solid #83D8FF}
.itemDetalle{display:flex;align-items:baseline;margin:0 0 8px;font-size:16px;line-height:1.4}
.itemDetalle:last-child{margin:0}
.etiquetaDetalle{color:#202F3A;font-weight:700;margin:0 8px 0 0;min-width:120px}
.valorDetalle{color:#202F3A;opacity:.75}
.accionesConfirmacion{display:flex;gap:12px;flex-wrap:wrap}
.botonPrimario{background:#202F3A;color:#FFF;padding:16px 32px;border-radius:28px;text-decoration:none;font-size:16px;font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:transform .4s cubic-bezier(0.16,1,0.3,1),box-shadow .4s cubic-bezier(0.16,1,0.3,1);box-shadow:0 2px 2px -1px #202f3a12 0 4px 14px -1px #202f3a17;border:none;cursor:pointer}
.botonPrimario:hover{transform:translateY(-2px);box-shadow:0 4px 14px -1px #202f3a17 0 9px 52px -1px #202f3a1f}
.botonSecundario{background:transparent;color:#202F3A;padding:16px 32px;border-radius:28px;text-decoration:none;font-size:16px;font-weight:700;display:inline-flex;align-items:center;gap:8px;border:2px solid #202F3A;transition:background .35s ease-in-out,color .35s ease-in-out;cursor:pointer}
.botonSecundario:hover{background:#202F3A;color:#FFF}
.bloqueProximoPaso{max-width:920px;margin:0 0 0 auto;padding:48px;background:linear-gradient(135deg,#202f3a08 0%,#83d8ff0d 100%);border-radius:28px;position:relative}
.bloqueProximoPaso::before{content:'';position:absolute;top:0;bottom:0;left:0;width:4px;background:linear-gradient(180deg,#83D8FF 0%,#202F3A 100%);border-radius:28px 0 0 28px}
.tituloProximo{font-size:34px;line-height:1.1;color:#202F3A;margin:0 0 24px;font-weight:900;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.contenidoProximo{font-size:16px;line-height:1.7;color:#202F3A;margin:0 0 24px;opacity:.85}
.graficoCrecimiento{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:48px 0 0;align-items:flex-end;height:220px}
.barraGrafico{background:linear-gradient(180deg,#83D8FF 0%,#202F3A 100%);border-radius:28px 28px 0 0;position:relative;animation:crecerBarra .55s cubic-bezier(0.16,1,0.3,1) forwards;animation-fill-mode:both;transform-origin:bottom}
.barraGrafico:nth-child(1){height:35%;animation-delay:.1s}
.barraGrafico:nth-child(2){height:58%;animation-delay:.2s}
.barraGrafico:nth-child(3){height:77%;animation-delay:.3s}
.barraGrafico:nth-child(4){height:100%;animation-delay:.4s}
@keyframes crecerBarra {
0%{transform:scaleY(0);opacity:0}
100%{transform:scaleY(1);opacity:1}
}
.etiquetaBarra{position:absolute;bottom:-32px;left:50%;transform:translateX(-50%);font-size:13px;color:#202F3A;font-weight:700;white-space:nowrap}
.valorBarra{position:absolute;top:-28px;left:50%;transform:translateX(-50%);font-size:13px;color:#202F3A;font-weight:700;background:#FFF;padding:4px 8px;border-radius:28px;box-shadow:0 2px 2px -1px #202f3a12}
.patronPuntos{position:absolute;bottom:8%;left:5%;width:180px;height:180px;background-image:radial-gradient(circle,#83d8ff1f 1px,transparent 1px);background-size:12px 12px;pointer-events:none;opacity:0;animation:aparecerPatron .5s ease-in-out .6s forwards;z-index:1}
@keyframes aparecerPatron {
to{opacity:1}
}
@media (max-width: 900px) {
.wrapperPrincipal{padding:48px 24px}
.bloqueConfirmacion{padding:24px;margin:0 0 48px}
.tituloConfirmacion{font-size:34px}
.descripcionConfirmacion{font-size:16px}
.accionesConfirmacion{flex-direction:column}
.botonPrimario,.botonSecundario{width:100%;justify-content:center}
.bloqueProximoPaso{padding:24px}
.tituloProximo{font-size:25px}
.graficoCrecimiento{height:180px;gap:8px}
.confirmacionEnvio::after{width:280px;height:280px;right:-40px}
}
@media (max-width: 600px) {
.wrapperPrincipal{padding:24px 12px}
.iconoExito{width:64px;height:64px}
.iconoExito svg{width:32px;height:32px}
.tituloConfirmacion{font-size:25px}
.itemDetalle{flex-direction:column;gap:4px}
.etiquetaDetalle{min-width:auto}
.graficoCrecimiento{grid-template-columns:repeat(4,1fr);height:140px}
.etiquetaBarra{font-size:11px}
.valorBarra{font-size:11px}
}
.confirmacionEnvio ::selection{background:#FFF;color:#202F3A}