.themepure-theme-btn{
border-radius: 100px;
padding: 8px 22px;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.03em;
z-index: 9;
line-height: 1;
overflow: hidden;
display: inline-flex;
align-items: center;
text-transform: capitalize;
position: relative;
background-color: var(--tp-common-black);
color: var(--tp-common-white);
border: 2px solid var(--tp-common-black);
transition: 0.3s;
}
.themepure-theme-btn:hover{
background-color: var(--tp-common-white);
border-color: var(--tp-common-black);
color: var(--tp-common-black);
}
.themepure-theme-btn span{
display: inline-block;
}
.themepure-theme-btn img{
object-fit: cover;
}
.themepure-theme-btn-line-effect{
position: relative;
background-color: #fff;
color: var(--tp-common-black);
border: none;
border-radius: 0;
overflow: visible;
padding: 0 0;
}
.themepure-theme-btn-line-effect:hover{
background-color: #fff;
color: var(--tp-common-black);
}
.themepure-theme-btn-line-effect::before,
.themepure-theme-btn-line-effect::after{
position: absolute;
bottom: -4px;
right: 0;
width: 0;
height: 1px;
content: "";
transition: 0.4s;
background-color: currentColor;
}
.themepure-theme-btn-line-effect::after{
right: auto;
left: 0;
width: 100%;
opacity: .3;
}
.themepure-theme-btn-line-effect:hover::before{
right: auto;
left: 0;
width: 100%;
}
.tp-theme-social-btn,
.tp-pdt-meta-social-btn{
height: 44px;
width: 44px;
line-height: 1;
border-radius: 50%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin-right: 9px;
position: relative;
transition: 0.3s;
border: 1px solid rgba(25, 25, 26, 0.14);
}
.tp-theme-social-btn img,
.tp-pdt-meta-social-btn img{
object-fit: cover;
}
.tp-theme-social-btn:hover,
.tp-pdt-meta-social-btn:hover{
background-color: var(--tp-common-black);
border-color: var(--tp-common-black);
color: var(--tp-common-white);
} .processing {
position: relative; }
.processing .block-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: 0.6;
z-index: 9;
display: block;
}
.processing .block-message {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9;
display: block;
color: #000;
font-size: 16px;
}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0!important}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:2147483646}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;margin-bottom:.4em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap;text-decoration:none}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-first-highlight .cc-btn:last-child{background-color:transparent;border-color:transparent}.cc-first-highlight .cc-btn:last-child:focus,.cc-first-highlight .cc-btn:last-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.2em;right:.4em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close.cc-closeXcustomText{text-decoration:underline;font-size:1.1em;top:.5em;right:.6em}.cc-window.cc-banner.cc-addedcloseX{padding:2em 1.8em}.cc-close:focus,.cc-close:hover{opacity:1}div.cc-blockingScreen{opacity:.5;background:#000;width:100%;height:100%;z-index:2147483630;top:0;left:0;position:fixed}span.cc-visually-hidden{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-allswitches.cc-floating{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}.cc-switch-element{margin-bottom:.3em}.cc-switch{position:relative;display:inline-block;width:2.3em;height:1.4em;margin:0 .3em 0 0;vertical-align:middle}.cc-switch-label{margin-right:.6em}.cc-switch input{opacity:0;width:0;height:0;display:none}.cc-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.cc-slider:before{position:absolute;content:"";height:1em;width:1em;left:.2em;bottom:.2em;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.cc-slider{background-color:#a0db8e}input:focus+.cc-slider{-webkit-box-shadow:0 0 1px #a0db8e;box-shadow:0 0 1px #a0db8e}input:checked+.cc-slider:before{-webkit-transform:translateX(.9em);transform:translateX(.9em)}.cc-slider.disabled:before{opacity:45%}.cc-slider.classic{border-radius:.6em}.cc-slider.classic:before{border-radius:50%}.cc-popovercenter{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:380px;z-index:2147483645}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-popovercenter{top:50%!important;left:50%!important;min-width:calc(100%)!important}}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-highlight .cc-btn:last-child{min-width:140px}.cc-theme-classic .cc-highlight .cc-btn:first-child{min-width:0}.cc-theme-classic .cc-first-highlight .cc-btn:last-child{min-width:0}.cc-theme-classic .cc-first-highlight .cc-btn:first-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}.mah-home {
--mah-radius: 18px;
--mah-radius-lg: 26px;
--mah-shadow: 0 18px 50px -18px rgba(9, 11, 15, .28);
--mah-shadow-soft: 0 10px 30px -12px rgba(9, 11, 15, .18);
--mah-grad-dark: linear-gradient(135deg, #07111F 0%, #102B4F 45%, var(--mah-primary, #3B78BD) 100%);
--mah-ease: cubic-bezier(.22, 1, .36, 1);
font-family: var(--mah-font-body, 'Inter', sans-serif);
color: #1A2230;
background: var(--mah-light, #F7F4EF);
line-height: 1.6;
overflow-x: clip;
}
.mah-home *,
.mah-home *::before,
.mah-home *::after { box-sizing: border-box; }
.mah-home img { max-width: 100%; height: auto; display: block; }
.mah-container {
width: min(100% - 2.5rem, 1400px);
margin-inline: auto;
}
.mah-section { padding: clamp(3.5rem, 8vw, 6.5rem) 0; position: relative; }
.mah-home h1, .mah-home h2, .mah-home h3 {
font-family: var(--mah-font-heading, 'Sora', sans-serif);
line-height: 1.12;
margin: 0;
color: inherit;
} .mah-section-header { max-width: 720px; margin: 0 auto clamp(2rem, 5vw, 3.5rem); text-align: center; }
.mah-section-title { font-size: clamp(1.75rem, 4vw, 2.75rem); font-weight: 800; letter-spacing: -.02em; }
.mah-section-text { font-size: clamp(1rem, 1.4vw, 1.125rem); color: #4A5568; margin: 1rem 0 0; }
.mah-section-cta { text-align: center; margin-top: clamp(2rem, 4vw, 3rem); } .mah-eyebrow {
display: inline-flex; align-items: center; gap: .5rem;
font-size: .78rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase;
color: var(--mah-primary, #3B78BD);
margin-bottom: 1rem;
}
.mah-eyebrow-dot {
width: 7px; height: 7px; border-radius: 50%;
background: var(--mah-accent, #D99A2B);
box-shadow: 0 0 0 4px rgba(217, 154, 43, .18);
}
.mah-eyebrow-gold { color: var(--mah-accent, #D99A2B); } .mah-btn {
display: inline-flex; align-items: center; gap: .55rem;
padding: .9rem 1.7rem; border-radius: 999px;
font-family: var(--mah-font-heading, 'Sora', sans-serif);
font-size: .95rem; font-weight: 600; text-decoration: none;
border: 1px solid transparent; cursor: pointer;
transition: transform .25s var(--mah-ease), box-shadow .25s var(--mah-ease), background .25s, color .25s;
}
.mah-btn:focus-visible { outline: 3px solid var(--mah-secondary, #66B9E8); outline-offset: 3px; }
.mah-btn:hover { transform: translateY(-2px); }
.mah-btn-primary {
background: linear-gradient(135deg, var(--mah-primary, #3B78BD), #2A5C99);
color: #fff !important;
box-shadow: 0 12px 28px -10px rgba(59, 120, 189, .55);
}
.mah-btn-primary:hover { box-shadow: 0 18px 36px -10px rgba(59, 120, 189, .65); color: #fff; }
.mah-btn-gold {
background: linear-gradient(135deg, var(--mah-accent, #D99A2B), #B97E1B);
color: #14100A !important;
box-shadow: 0 12px 28px -10px rgba(217, 154, 43, .5);
}
.mah-btn-ghost {
background: rgba(255, 255, 255, .08);
border-color: rgba(255, 255, 255, .35);
color: #fff !important;
backdrop-filter: blur(8px);
}
.mah-btn-ghost:hover { background: rgba(255, 255, 255, .16); }
.mah-btn-outline {
border-color: var(--mah-primary, #3B78BD);
color: var(--mah-primary, #3B78BD) !important;
background: transparent;
}
.mah-btn-outline:hover { background: var(--mah-primary, #3B78BD); color: #fff !important; }
.mah-btn-group { display: flex; flex-wrap: wrap; gap: .9rem; margin-top: 1.8rem; }
.mah-link-arrow {
font-weight: 600; color: var(--mah-primary, #3B78BD); text-decoration: none;
border-bottom: 2px solid transparent; transition: border-color .2s;
}
.mah-link-arrow:hover { border-color: var(--mah-accent, #D99A2B); } .mah-hero {
position: relative;
min-height: min(92vh, 880px);
display: flex; align-items: center;
background: var(--mah-grad-dark);
color: #fff;
overflow: hidden;
padding: clamp(5rem, 10vw, 7rem) 0 clamp(3.5rem, 8vw, 5.5rem);
isolation: isolate;
}
.mah-hero-canvas {
position: absolute; inset: 0; width: 100%; height: 100%;
z-index: 0; pointer-events: none;
}
.mah-hero-glow {
position: absolute; inset: 0; z-index: 1; pointer-events: none;
background:
radial-gradient(circle at top right, rgba(102, 185, 232, .35), transparent 40%),
radial-gradient(circle at 15% 85%, rgba(217, 154, 43, .12), transparent 35%);
}
.mah-hero-grain {
position: absolute; inset: 0; z-index: 1; pointer-events: none; opacity: .25;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
}
.mah-hero-grid {
position: relative; z-index: 2;
display: grid; gap: clamp(2.5rem, 5vw, 4rem);
align-items: center;
}
@media (min-width: 960px) {
.mah-hero-grid { grid-template-columns: 1.15fr .85fr; }
} @media (min-width: 960px) {
.mah-hero--wide-video .mah-hero-grid { grid-template-columns: 1fr; }
.mah-hero--wide-video .mah-hero-content {
position: relative; z-index: 3;
max-width: 52%;
} .mah-hero--wide-video .mah-hero-visual {
position: absolute; z-index: 1;
top: 0; bottom: 0; left: auto;
right: clamp(-3rem, -2vw, -0.5rem); width: min(48%, 660px); max-width: none;
height: fit-content; margin-block: auto; margin-inline: 0;
}
.mah-hero--wide-video .mah-hero-figure-media { z-index: 1; } .mah-hero--wide-video .mah-float-card { display: none; }
}
.mah-hero .mah-eyebrow {
color: var(--mah-secondary, #66B9E8);
background: rgba(255, 255, 255, .06);
border: 1px solid rgba(255, 255, 255, .14);
padding: .45rem 1rem; border-radius: 999px;
backdrop-filter: blur(6px);
}
.mah-hero-title {
font-size: clamp(2.1rem, 5.2vw, 3.6rem);
font-weight: 800; letter-spacing: -.025em; color: #fff;
}
.mah-hero-highlight {
display: block; margin-top: .35rem;
background: linear-gradient(90deg, var(--mah-secondary, #66B9E8), var(--mah-accent, #D99A2B));
-webkit-background-clip: text; background-clip: text;
-webkit-text-fill-color: transparent; color: transparent;
}
.mah-hero-subtitle {
font-size: clamp(1.02rem, 1.6vw, 1.2rem);
color: rgba(247, 244, 239, .82);
max-width: 56ch; margin: 1.25rem 0 0;
} .mah-hero-stats {
display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem 2rem;
margin: 2.5rem 0 0; padding: 1.5rem 0 0;
border-top: 1px solid rgba(255, 255, 255, .14);
}
@media (min-width: 640px) { .mah-hero-stats { grid-template-columns: repeat(4, 1fr); } }
.mah-hero-stat-value {
font-family: var(--mah-font-heading, 'Sora', sans-serif);
font-size: clamp(1.4rem, 2.6vw, 1.9rem); font-weight: 800;
color: var(--mah-secondary, #66B9E8);
}
.mah-hero-stat-label {
font-size: .8rem; color: rgba(247, 244, 239, .65); margin: .15rem 0 0;
letter-spacing: .02em;
} .mah-hero-visual { position: relative; max-width: 480px; margin-inline: auto; width: 100%; }
.mah-hero-figure {
margin: 0; border-radius: var(--mah-radius-lg); overflow: hidden;
box-shadow: 0 30px 80px -25px rgba(0, 0, 0, .6);
background: linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
aspect-ratio: 4 / 5;
}
.mah-hero-figure img { width: 100%; height: 100%; object-fit: cover; }
.mah-hero-figure-fallback { display: grid; place-items: center; } .mah-hero-figure-video {
aspect-ratio: var(--mah-hero-ratio, 4 / 5);
background: #07111F center/cover no-repeat; position: relative;
}
.mah-hero-figure-media {
position: absolute; inset: 0; overflow: hidden;
container-type: size; }
.mah-hero-figure-media iframe {
position: absolute; top: 50%; left: 50%;
transform: translate(-50%, -50%);
border: 0; width: 100%; height: 100%; width: max(100cqw, 177.78cqh);
height: max(100cqh, 56.25cqw); opacity: 0;
animation: mah-hero-fade-in 1.4s var(--mah-ease) .6s forwards;
}
@keyframes mah-hero-fade-in {
from { opacity: 0; }
to   { opacity: 1; }
}
.mah-float-card {
position: absolute;
display: inline-flex; align-items: center; gap: .5rem;
padding: .65rem 1.1rem; border-radius: 14px;
background: rgba(17, 19, 24, .55);
border: 1px solid rgba(255, 255, 255, .16);
backdrop-filter: blur(12px);
font-size: .85rem; font-weight: 600; color: #fff;
box-shadow: 0 14px 32px -12px rgba(0, 0, 0, .5);
animation: mah-float 6s ease-in-out infinite;
}
.mah-float-icon { color: var(--mah-accent, #D99A2B); font-size: .75rem; }
.mah-float-1 { top: 6%; left: -6%; animation-delay: 0s; }
.mah-float-2 { top: 30%; right: -8%; animation-delay: 1.4s; }
.mah-float-3 { bottom: 26%; left: -9%; animation-delay: 2.6s; }
.mah-float-4 { bottom: 5%; right: -5%; animation-delay: 3.8s; }
@media (max-width: 600px) {
.mah-float-1, .mah-float-3 { left: 2%; }
.mah-float-2, .mah-float-4 { right: 2%; }
}
@keyframes mah-float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-12px); }
} .mah-hero [data-mah-parallax] { will-change: translate; }
@media (prefers-reduced-motion: reduce) {
.mah-hero [data-mah-parallax] { translate: none !important; } .mah-hero-figure-video iframe { display: none; }
} .mah-trust { padding: clamp(2.5rem, 5vw, 4rem) 0; background: #fff; border-bottom: 1px solid var(--mah-grey, #E9EDF2); }
.mah-trust-grid {
list-style: none; margin: 0; padding: 0;
display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem;
text-align: center;
}
@media (min-width: 760px) { .mah-trust-grid { grid-template-columns: repeat(4, 1fr); } }
.mah-trust-item { display: grid; gap: .3rem; }
.mah-trust-value {
font-family: var(--mah-font-heading, 'Sora', sans-serif);
font-size: clamp(2rem, 4vw, 2.8rem); font-weight: 800;
color: var(--mah-primary, #3B78BD);
}
.mah-trust-label { font-size: .9rem; color: #4A5568; font-weight: 500; } .mah-positioning { background: var(--mah-light, #F7F4EF); overflow: clip; } .mah-positioning::before {
content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
background:
radial-gradient(42rem 32rem at 88% -8%, rgba(59, 120, 189, .10), transparent 60%),
radial-gradient(34rem 28rem at -6% 108%, rgba(217, 154, 43, .10), transparent 62%);
}
.mah-positioning > .mah-container { position: relative; z-index: 1; }
.mah-pos-grid { display: grid; gap: clamp(2.5rem, 5vw, 4.5rem); align-items: center; }
@media (min-width: 960px) { .mah-pos-grid { grid-template-columns: .9fr 1.1fr; } }
.mah-pos-media { position: relative; }
.mah-pos-media img, .mah-pos-media-fallback {
border-radius: var(--mah-radius-lg);
box-shadow: var(--mah-shadow);
aspect-ratio: 4 / 5; object-fit: cover; width: 100%;
}
.mah-pos-media-fallback { background: var(--mah-grad-dark); }
.mah-pos-frame {
position: absolute; inset: -14px 14px 14px -14px;
border: 2px solid var(--mah-accent, #D99A2B);
border-radius: var(--mah-radius-lg);
z-index: -1; opacity: .55;
}
.mah-pos-content .mah-section-title { text-align: left; }
.mah-pos-content .mah-section-text { text-align: left; }
.mah-value-cards { display: grid; gap: 1rem; margin-top: clamp(2rem, 3vw, 2.6rem); }
@media (min-width: 560px) { .mah-value-cards { grid-template-columns: repeat(2, 1fr); } }
.mah-value-card {
position: relative; isolation: isolate; overflow: hidden;
display: flex; align-items: center; gap: 1.05rem;
background: linear-gradient(180deg, #fff, #fdfcfa);
border-radius: var(--mah-radius);
padding: 1.1rem 1.3rem;
box-shadow: var(--mah-shadow-soft);
border: 1px solid rgba(9, 11, 15, .06);
transition: transform .4s var(--mah-ease), box-shadow .4s var(--mah-ease), border-color .4s var(--mah-ease);
} .mah-value-card::before {
content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px;
background: linear-gradient(90deg, var(--mah-primary, #3B78BD), var(--mah-accent, #D99A2B));
transform: scaleX(0); transform-origin: left;
transition: transform .5s var(--mah-ease);
} .mah-value-card::after {
content: ""; position: absolute; inset: 0; z-index: -1; opacity: 0;
background: radial-gradient(18rem 12rem at 92% 0%, rgba(59, 120, 189, .10), transparent 70%);
transition: opacity .5s var(--mah-ease);
}
.mah-value-card:hover {
transform: translateY(-7px);
box-shadow: var(--mah-shadow);
border-color: rgba(59, 120, 189, .22);
}
.mah-value-card:hover::before { transform: scaleX(1); }
.mah-value-card:hover::after { opacity: 1; } .mah-value-index {
position: absolute; top: .6rem; right: .85rem;
font-family: var(--mah-font-heading, 'Sora', sans-serif);
font-size: 1.35rem; font-weight: 800; line-height: 1;
color: rgba(9, 11, 15, .06);
letter-spacing: -.02em;
transition: color .4s var(--mah-ease);
}
.mah-value-card:hover .mah-value-index { color: rgba(217, 154, 43, .26); }
.mah-value-icon {
position: relative; flex: 0 0 auto;
display: inline-grid; place-items: center;
width: 54px; height: 54px; border-radius: 15px;
background: linear-gradient(140deg, rgba(59, 120, 189, .14), rgba(102, 185, 232, .20));
color: var(--mah-primary, #3B78BD);
box-shadow: inset 0 0 0 1px rgba(59, 120, 189, .14), 0 10px 22px -12px rgba(59, 120, 189, .5);
transition: transform .45s var(--mah-ease), box-shadow .45s var(--mah-ease), background .45s var(--mah-ease);
}
.mah-value-icon svg { position: relative; z-index: 1; overflow: visible; } .mah-value-icon .mah-ico-accent {
stroke: var(--mah-accent, #D99A2B);
transition: transform .45s var(--mah-ease);
transform-origin: center;
}
.mah-value-card:hover .mah-value-icon {
transform: translateY(-2px) rotate(-3deg);
background: linear-gradient(140deg, rgba(59, 120, 189, .22), rgba(102, 185, 232, .28));
box-shadow: inset 0 0 0 1px rgba(59, 120, 189, .2), 0 16px 30px -12px rgba(59, 120, 189, .6);
}
.mah-value-card:hover .mah-value-icon .mah-ico-accent { transform: scale(1.18) rotate(8deg); }
.mah-value-body { min-width: 0; padding-right: 1.2rem; }
.mah-value-card h3 { font-size: 1.05rem; font-weight: 700; margin-bottom: .25rem; letter-spacing: -.01em; }
.mah-value-card p { font-size: .88rem; color: #4A5568; margin: 0; line-height: 1.5; }
@media (prefers-reduced-motion: reduce) {
.mah-value-card, .mah-value-icon, .mah-value-icon .mah-ico-accent,
.mah-value-card::before, .mah-value-card::after, .mah-value-index { transition: none; }
.mah-value-card:hover { transform: none; }
.mah-value-card:hover .mah-value-icon { transform: none; }
} .mah-online { background: linear-gradient(180deg, #fff 0%, #EFF5FB 100%); }
.mah-course-grid {
display: grid; gap: 1.6rem;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.mah-course-grid-3 { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.mah-course-card {
background: #fff; border-radius: var(--mah-radius);
overflow: hidden;
box-shadow: var(--mah-shadow-soft);
border: 1px solid rgba(9, 11, 15, .06);
transition: transform .35s var(--mah-ease), box-shadow .35s var(--mah-ease);
transform-style: preserve-3d;
}
.mah-course-card:hover { box-shadow: var(--mah-shadow); }
.mah-course-link { display: block; text-decoration: none; color: inherit; height: 100%; }
.mah-course-link:focus-visible { outline: 3px solid var(--mah-secondary, #66B9E8); outline-offset: 2px; border-radius: var(--mah-radius); }
.mah-course-media { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: var(--mah-grad-dark); }
.mah-course-media img {
width: 100%; height: 100%; object-fit: cover;
transition: transform .6s var(--mah-ease);
}
.mah-course-card:hover .mah-course-media img { transform: scale(1.06); }
.mah-course-media-fallback { display: grid; place-items: center; height: 100%; color: rgba(255,255,255,.5); }
.mah-course-badges { position: absolute; top: .8rem; left: .8rem; display: flex; gap: .4rem; }
.mah-badge {
font-size: .68rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
padding: .3rem .65rem; border-radius: 999px;
backdrop-filter: blur(8px);
}
.mah-badge-cat { background: rgba(17, 19, 24, .65); color: #fff; }
.mah-badge-lang { background: var(--mah-accent, #D99A2B); color: #14100A; }
.mah-course-body { padding: 1.3rem 1.3rem 1.4rem; display: grid; gap: .8rem; }
.mah-course-title { font-size: 1.08rem; font-weight: 700; line-height: 1.3; }
.mah-course-meta {
display: flex; flex-wrap: wrap; gap: .4rem 1.1rem;
font-size: .82rem; color: #5B6779;
}
.mah-course-lessons { display: inline-flex; align-items: center; gap: .35rem; }
.mah-course-footer {
display: flex; align-items: center; justify-content: space-between; gap: .8rem;
padding-top: .8rem; border-top: 1px solid var(--mah-grey, #E9EDF2);
}
.mah-course-price { font-weight: 800; color: var(--mah-primary, #3B78BD); font-size: 1rem; }
.mah-course-price del { color: #94A0B2; font-weight: 500; margin-right: .35rem; }
.mah-course-cta {
font-size: .85rem; font-weight: 600; color: var(--mah-accent, #D99A2B);
transition: transform .25s var(--mah-ease); white-space: nowrap;
}
.mah-course-card:hover .mah-course-cta { transform: translateX(4px); } .mah-presence {
background: linear-gradient(180deg, #161310 0%, #1E1812 100%);
color: #F7F4EF;
overflow: hidden;
}
.mah-presence-texture {
position: absolute; inset: 0; pointer-events: none; opacity: .35;
background:
radial-gradient(circle at 80% 10%, rgba(217, 154, 43, .16), transparent 40%),
radial-gradient(circle at 10% 90%, rgba(217, 154, 43, .08), transparent 35%);
}
.mah-presence .mah-section-text { color: rgba(247, 244, 239, .72); }
.mah-presence .mah-course-card { background: rgba(255, 255, 255, .04); border-color: rgba(255, 255, 255, .1); }
.mah-presence .mah-course-title { color: #F7F4EF; }
.mah-presence .mah-course-meta { color: rgba(247, 244, 239, .6); }
.mah-presence .mah-course-footer { border-color: rgba(255, 255, 255, .12); }
.mah-presence .mah-course-price { color: var(--mah-accent, #D99A2B); }
.mah-notice { text-align: center; color: #5B6779; font-style: italic; } .mah-plans { background: #fff; }
.mah-plans-grid {
display: grid; gap: 1.5rem;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
align-items: stretch; max-width: 1020px; margin-inline: auto;
}
.mah-plan-card {
position: relative;
display: flex; flex-direction: column; gap: .8rem;
background: var(--mah-light, #F7F4EF);
border: 1px solid var(--mah-grey, #E9EDF2);
border-radius: var(--mah-radius-lg);
padding: 2.2rem 1.8rem;
transition: transform .3s var(--mah-ease), box-shadow .3s var(--mah-ease);
}
.mah-plan-card:hover { transform: translateY(-6px); box-shadow: var(--mah-shadow); }
.mah-plan-card.is-featured {
background: var(--mah-grad-dark);
color: #fff; border: none;
box-shadow: 0 24px 60px -20px rgba(16, 43, 79, .55);
transform: scale(1.03);
}
.mah-plan-card.is-featured:hover { transform: scale(1.03) translateY(-6px); }
.mah-plan-card.is-featured .mah-plan-desc { color: rgba(247, 244, 239, .78); }
.mah-plan-flag {
position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
background: var(--mah-accent, #D99A2B); color: #14100A;
font-size: .7rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
padding: .35rem .9rem; border-radius: 999px; white-space: nowrap;
}
.mah-plan-name { font-size: 1.3rem; font-weight: 800; }
.mah-plan-price { font-family: var(--mah-font-heading, 'Sora', sans-serif); font-size: 1.8rem; font-weight: 800; margin: 0; color: var(--mah-accent, #D99A2B); }
.mah-plan-duration { font-size: .78rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: #718096; margin: 0; }
.mah-plan-card.is-featured .mah-plan-duration { color: rgba(247, 244, 239, .65); }
.mah-plan-desc { font-size: .92rem; color: #4A5568; margin: 0; flex: 1; }
.mah-plan-card .mah-btn { justify-content: center; margin-top: .6rem; } .mah-method { background: var(--mah-light, #F7F4EF); }
.mah-timeline {
list-style: none; margin: 0; padding: 0;
display: grid; gap: 1.4rem; counter-reset: mah-step;
position: relative;
}
@media (min-width: 900px) {
.mah-timeline { grid-template-columns: repeat(5, 1fr); }
.mah-timeline::before {
content: ""; position: absolute; top: 26px; left: 6%; right: 6%;
height: 2px;
background: linear-gradient(90deg, var(--mah-primary, #3B78BD), var(--mah-accent, #D99A2B));
opacity: .35;
}
}
.mah-timeline-step {
position: relative; background: #fff;
border-radius: var(--mah-radius); padding: 1.6rem 1.3rem;
border: 1px solid rgba(9, 11, 15, .06);
box-shadow: var(--mah-shadow-soft);
}
.mah-timeline-num {
display: inline-grid; place-items: center;
width: 52px; height: 52px; border-radius: 50%;
font-family: var(--mah-font-heading, 'Sora', sans-serif);
font-weight: 800; font-size: 1rem;
background: var(--mah-grad-dark); color: var(--mah-secondary, #66B9E8);
margin-bottom: 1rem;
box-shadow: 0 8px 20px -8px rgba(16, 43, 79, .5);
}
.mah-timeline-title { font-size: 1.05rem; font-weight: 700; margin-bottom: .35rem !important;}
.mah-timeline-text { font-size: .88rem; color: #4A5568; margin: 0; line-height: 1.3;} .mah-video { background: #fff; }
.mah-video-frame {
position: relative; max-width: 940px; margin-inline: auto;
border-radius: var(--mah-radius-lg); padding: 4px;
background: linear-gradient(135deg, var(--mah-primary, #3B78BD), var(--mah-secondary, #66B9E8), var(--mah-accent, #D99A2B));
box-shadow: var(--mah-shadow);
}
.mah-video-frame iframe {
display: block; width: 100%; aspect-ratio: 16 / 9; border: 0;
border-radius: calc(var(--mah-radius-lg) - 4px);
background: #07111F;
} .mah-testimonials { background: linear-gradient(180deg, #EFF5FB 0%, var(--mah-light, #F7F4EF) 100%); }
.mah-carousel { max-width: 860px; margin-inline: auto; overflow: hidden; }
.mah-carousel-track {
display: flex;
transition: transform .55s var(--mah-ease);
}
.mah-testimonial-card {
flex: 0 0 100%; margin: 0;
background: #fff; border-radius: var(--mah-radius-lg);
padding: clamp(1.8rem, 4vw, 2.8rem);
box-shadow: var(--mah-shadow-soft);
border: 1px solid rgba(9, 11, 15, .05);
display: grid; gap: 1.1rem;
}
.mah-testimonial-rating { color: var(--mah-accent, #D99A2B); letter-spacing: .2em; font-size: 1.05rem; }
.mah-testimonial-text { margin: 0; }
.mah-testimonial-text p {
font-size: clamp(1.02rem, 1.6vw, 1.18rem); line-height: 1.65;
color: #2A3342; margin: 0; font-style: italic;
}
.mah-testimonial-author { display: flex; align-items: center; gap: .9rem; }
.mah-testimonial-avatar {
width: 48px; height: 48px; border-radius: 50%; object-fit: cover;
border: 2px solid var(--mah-secondary, #66B9E8);
}
.mah-testimonial-avatar-fallback {
display: inline-grid; place-items: center;
background: var(--mah-grad-dark); color: #fff;
font-weight: 700; font-family: var(--mah-font-heading, 'Sora', sans-serif);
}
.mah-testimonial-author strong { display: block; font-size: .95rem; }
.mah-testimonial-author em { font-size: .82rem; color: #5B6779; font-style: normal; }
.mah-carousel-nav { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-top: 1.6rem; }
.mah-carousel-btn {
width: 44px; height: 44px; border-radius: 50%;
border: 1px solid var(--mah-grey, #E9EDF2);
background: #fff; color: var(--mah-primary, #3B78BD);
font-size: 1rem; cursor: pointer;
transition: background .2s, color .2s, transform .2s;
}
.mah-carousel-btn:hover { background: var(--mah-primary, #3B78BD); color: #fff; transform: scale(1.06); }
.mah-carousel-btn:focus-visible { outline: 3px solid var(--mah-secondary, #66B9E8); outline-offset: 2px; }
.mah-carousel-dots { display: flex; gap: .5rem; }
.mah-carousel-dot {
width: 10px; height: 10px; border-radius: 50%; border: 0; padding: 0;
background: rgba(59, 120, 189, .25); cursor: pointer;
transition: background .2s, transform .2s;
}
.mah-carousel-dot[aria-selected="true"] { background: var(--mah-primary, #3B78BD); transform: scale(1.25); }
.mah-carousel-dot:focus-visible { outline: 3px solid var(--mah-secondary, #66B9E8); outline-offset: 2px; } .mah-final {
background: var(--mah-grad-dark);
color: #fff; text-align: center; overflow: hidden; isolation: isolate;
}
.mah-final[style*="--mah-final-bg"] {
background-image: var(--mah-final-bg);
background-size: cover; background-position: center;
}
.mah-final-overlay {
position: absolute; inset: 0; z-index: 0;
background: linear-gradient(135deg, rgba(7, 17, 31, .92), rgba(16, 43, 79, .82));
}
.mah-final-inner { position: relative; z-index: 1; max-width: 760px; }
.mah-final-title { font-size: clamp(1.9rem, 4.5vw, 3rem); font-weight: 800; letter-spacing: -.02em; }
.mah-final-text { font-size: clamp(1rem, 1.5vw, 1.15rem); color: rgba(247, 244, 239, .8); margin: 1.1rem auto 0; max-width: 56ch; }
.mah-final .mah-btn-group { justify-content: center; } .mah-home[data-animations="soft"] .mah-reveal,
.mah-home[data-animations="premium"] .mah-reveal {
opacity: 0; transform: translateY(26px);
transition: opacity .7s var(--mah-ease), transform .7s var(--mah-ease);
}
.mah-home[data-animations="premium"] .mah-reveal { transform: translateY(36px); transition-duration: .9s; }
.mah-home .mah-reveal.is-visible { opacity: 1; transform: none; } .mah-home[data-animations="premium"] .mah-tilt {
transform: perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(var(--tilt-lift, 0));
will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
.mah-home .mah-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
.mah-home .mah-tilt { transform: none !important; }
.mah-float-card { animation: none !important; }
.mah-carousel-track { transition: none !important; }
.mah-hero-canvas { display: none !important; }
}