.elementor-3707 .elementor-element.elementor-element-631cbd38{--display:flex;--min-height:90vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:60px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-3707 .elementor-element.elementor-element-631cbd38:not(.elementor-motion-effects-element-type-background), .elementor-3707 .elementor-element.elementor-element-631cbd38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #FFFFFF 0%, #F0F4FF 100%);}.elementor-3707 .elementor-element.elementor-element-68dda1b4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;}.elementor-3707 .elementor-element.elementor-element-68dda1b4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3707 .elementor-element.elementor-element-5e4aafb4 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:24px;font-weight:700;color:#1E293B;}.elementor-3707 .elementor-element.elementor-element-3e2ae184 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:56px;font-weight:800;line-height:1.15em;color:#0F172A;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-3707 .elementor-element.elementor-element-41a5f1f0{--divider-border-style:solid;--divider-color:#7C3AED;--divider-border-width:4px;}.elementor-3707 .elementor-element.elementor-element-41a5f1f0 .elementor-divider-separator{width:70px;margin:0 auto;margin-left:0;}.elementor-3707 .elementor-element.elementor-element-41a5f1f0 .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3707 .elementor-element.elementor-element-1946261b{font-family:"Quicksand", Sans-serif;font-size:18px;line-height:1.6em;color:#475569;}.elementor-3707 .elementor-element.elementor-element-16148fc9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-3707 .elementor-element.elementor-element-16148fc9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3707 .elementor-element.elementor-element-50b61aa .elementor-button{background-color:#2563EB;font-family:"Quicksand", Sans-serif;font-size:17px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-radius:14px 14px 14px 14px;padding:18px 30px 18px 30px;}.elementor-3707 .elementor-element.elementor-element-50b61aa .elementor-button:hover, .elementor-3707 .elementor-element.elementor-element-50b61aa .elementor-button:focus{background-color:#1D4ED8;color:#FFFFFF;}.elementor-3707 .elementor-element.elementor-element-50b61aa .elementor-button-content-wrapper{flex-direction:row;}.elementor-3707 .elementor-element.elementor-element-50b61aa .elementor-button:hover svg, .elementor-3707 .elementor-element.elementor-element-50b61aa .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3707 .elementor-element.elementor-element-79beccc1 .elementor-button{background-color:#2563EB;font-family:"Quicksand", Sans-serif;font-size:17px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-radius:14px 14px 14px 14px;padding:18px 30px 18px 30px;}.elementor-3707 .elementor-element.elementor-element-79beccc1 .elementor-button:hover, .elementor-3707 .elementor-element.elementor-element-79beccc1 .elementor-button:focus{background-color:#1D4ED8;color:#FFFFFF;}.elementor-3707 .elementor-element.elementor-element-79beccc1 .elementor-button-content-wrapper{flex-direction:row;}.elementor-3707 .elementor-element.elementor-element-79beccc1 .elementor-button:hover svg, .elementor-3707 .elementor-element.elementor-element-79beccc1 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3707 .elementor-element.elementor-element-5f4c5f80{font-size:15px;color:#64748B;}.elementor-3707 .elementor-element.elementor-element-3e757db7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:14px 14px;--row-gap:14px;--column-gap:14px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-3707 .elementor-element.elementor-element-6f7fd9f8 .elementor-icon-box-wrapper{align-items:start;gap:14px;}.elementor-3707 .elementor-element.elementor-element-6f7fd9f8.elementor-view-stacked .elementor-icon{background-color:#2563EB;}.elementor-3707 .elementor-element.elementor-element-6f7fd9f8.elementor-view-framed .elementor-icon, .elementor-3707 .elementor-element.elementor-element-6f7fd9f8.elementor-view-default .elementor-icon{fill:#2563EB;color:#2563EB;border-color:#2563EB;}.elementor-3707 .elementor-element.elementor-element-6f7fd9f8 .elementor-icon{font-size:22px;}.elementor-3707 .elementor-element.elementor-element-6f7fd9f8 .elementor-icon-box-title, .elementor-3707 .elementor-element.elementor-element-6f7fd9f8 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:8px;font-weight:600;}.elementor-3707 .elementor-element.elementor-element-6f7fd9f8 .elementor-icon-box-title{color:#0F172A;}.elementor-3707 .elementor-element.elementor-element-6f7fd9f8 .elementor-icon-box-description{font-family:"Quicksand", Sans-serif;font-weight:400;color:#64748B;}.elementor-3707 .elementor-element.elementor-element-39dda7c3 .elementor-icon-box-wrapper{align-items:start;gap:14px;}.elementor-3707 .elementor-element.elementor-element-39dda7c3.elementor-view-stacked .elementor-icon{background-color:#2563EB;}.elementor-3707 .elementor-element.elementor-element-39dda7c3.elementor-view-framed .elementor-icon, .elementor-3707 .elementor-element.elementor-element-39dda7c3.elementor-view-default .elementor-icon{fill:#2563EB;color:#2563EB;border-color:#2563EB;}.elementor-3707 .elementor-element.elementor-element-39dda7c3 .elementor-icon{font-size:22px;}.elementor-3707 .elementor-element.elementor-element-39dda7c3 .elementor-icon-box-title, .elementor-3707 .elementor-element.elementor-element-39dda7c3 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:8px;font-weight:600;}.elementor-3707 .elementor-element.elementor-element-39dda7c3 .elementor-icon-box-title{color:#0F172A;}.elementor-3707 .elementor-element.elementor-element-39dda7c3 .elementor-icon-box-description{font-family:"Quicksand", Sans-serif;font-weight:400;color:#64748B;}.elementor-3707 .elementor-element.elementor-element-517927e6 .elementor-icon-box-wrapper{align-items:start;gap:14px;}.elementor-3707 .elementor-element.elementor-element-517927e6.elementor-view-stacked .elementor-icon{background-color:#2563EB;}.elementor-3707 .elementor-element.elementor-element-517927e6.elementor-view-framed .elementor-icon, .elementor-3707 .elementor-element.elementor-element-517927e6.elementor-view-default .elementor-icon{fill:#2563EB;color:#2563EB;border-color:#2563EB;}.elementor-3707 .elementor-element.elementor-element-517927e6 .elementor-icon{font-size:22px;}.elementor-3707 .elementor-element.elementor-element-517927e6 .elementor-icon-box-title, .elementor-3707 .elementor-element.elementor-element-517927e6 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:8px;font-weight:600;}.elementor-3707 .elementor-element.elementor-element-517927e6 .elementor-icon-box-title{color:#0F172A;}.elementor-3707 .elementor-element.elementor-element-517927e6 .elementor-icon-box-description{font-family:"Quicksand", Sans-serif;font-weight:400;color:#64748B;}.elementor-3707 .elementor-element.elementor-element-50fa2ae8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-3707 .elementor-element.elementor-element-50fa2ae8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3707 .elementor-element.elementor-element-6fefc0b5{width:var( --container-widget-width, 114.798% );max-width:114.798%;--container-widget-width:114.798%;--container-widget-flex-grow:0;text-align:center;}.elementor-3707 .elementor-element.elementor-element-6fefc0b5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3707 .elementor-element.elementor-element-6fefc0b5 img{border-radius:24px 24px 24px 24px;}@media(max-width:1024px){.elementor-3707 .elementor-element.elementor-element-3e2ae184 .elementor-heading-title{font-size:42px;}}@media(min-width:768px){.elementor-3707 .elementor-element.elementor-element-68dda1b4{--width:34.916%;}.elementor-3707 .elementor-element.elementor-element-16148fc9{--width:91.877%;}.elementor-3707 .elementor-element.elementor-element-50fa2ae8{--width:45.864%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3707 .elementor-element.elementor-element-68dda1b4{--width:627.208px;}}@media(max-width:767px){.elementor-3707 .elementor-element.elementor-element-631cbd38{--width:500px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:-2px;--padding-bottom:-2px;--padding-left:-2px;--padding-right:-2px;}.elementor-3707 .elementor-element.elementor-element-68dda1b4{--width:100%;}.elementor-3707 .elementor-element.elementor-element-3e2ae184 .elementor-heading-title{font-size:34px;}.elementor-3707 .elementor-element.elementor-element-16148fc9{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3707 .elementor-element.elementor-element-3e757db7{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3707 .elementor-element.elementor-element-50fa2ae8{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-631cbd38 *//* =====================================================
   MULTILANCER HERO — Elementor per-element Custom CSS
   (uses ".elementor-3707 .elementor-element.elementor-element-631cbd38" — auto-scoped to this container)
   ===================================================== */

/* ---------- Keyframes ---------- */
@keyframes mlFadeUp {
    from { opacity: 0; transform: translateY(30px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes mlFadeRight {
    from { opacity: 0; transform: translateX(50px) scale(0.96); }
    to   { opacity: 1; transform: translateX(0) scale(1); }
}
@keyframes mlFloat {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-14px); }
}
@keyframes mlGlowDrift {
    0%, 100% { transform: translate(0, 0) scale(1); }
    50%      { transform: translate(-30px, 20px) scale(1.15); }
}
@keyframes mlDividerGrow {
    from { width: 0; opacity: 0; }
    to   { width: 70px; opacity: 1; }
}
@keyframes mlPulse {
    0%   { box-shadow: 0 4px 14px rgba(37, 99, 235, 0.25); }
    50%  { box-shadow: 0 4px 28px rgba(37, 99, 235, 0.5); }
    100% { box-shadow: 0 4px 14px rgba(37, 99, 235, 0.25); }
}

/* ---------- Section background ---------- */
.elementor-3707 .elementor-element.elementor-element-631cbd38 {
    background: linear-gradient(135deg, #ffffff 0%, #f0f4ff 60%, #ede9fe 100%) !important;
    position: relative;
    overflow: hidden;
}

/* Animated decorative glows */
.elementor-3707 .elementor-element.elementor-element-631cbd38::before,
.elementor-3707 .elementor-element.elementor-element-631cbd38::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.35;
    pointer-events: none;
    z-index: 0;
    animation: mlGlowDrift 12s ease-in-out infinite;
}
.elementor-3707 .elementor-element.elementor-element-631cbd38::before {
    width: 420px; height: 420px;
    background: #2563eb;
    top: -120px; right: -100px;
}
.elementor-3707 .elementor-element.elementor-element-631cbd38::after {
    width: 360px; height: 360px;
    background: #7c3aed;
    bottom: -140px; left: -120px;
    animation-delay: -6s;
}
.elementor-3707 .elementor-element.elementor-element-631cbd38 > .e-con,
.elementor-3707 .elementor-element.elementor-element-631cbd38 > * {
    position: relative;
    z-index: 1;
}

/* ---------- Staggered entrance animations ---------- */
.elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-widget-heading {
    animation: mlFadeUp 0.7s ease-out 0.1s both;
}
.elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-widget-heading h1 {
    letter-spacing: -1.5px;
}
.elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-widget-divider {
    animation: mlFadeUp 0.6s ease-out 0.4s both;
}
.elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-widget-divider .elementor-divider-separator {
    animation: mlDividerGrow 0.8s ease-out 0.5s both;
}
.elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-widget-text-editor {
    animation: mlFadeUp 0.8s ease-out 0.5s both;
}
.elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-widget-button {
    animation: mlFadeUp 0.8s ease-out 0.65s both;
}
.elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-widget-icon-box {
    animation: mlFadeUp 0.7s ease-out both;
}
.elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-widget-icon-box:nth-of-type(1) { animation-delay: 0.85s; }
.elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-widget-icon-box:nth-of-type(2) { animation-delay: 1.0s; }
.elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-widget-icon-box:nth-of-type(3) { animation-delay: 1.15s; }

/* Hero image: slide in, then float forever */
.elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-widget-image {
    animation: mlFadeRight 1s ease-out 0.4s both;
}
.elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-widget-image img {
    border-radius: 24px;
    box-shadow: 0 25px 60px -15px rgba(37, 99, 235, 0.3);
    animation: mlFloat 6s ease-in-out 1.5s infinite;
}

/* ---------- Headline accent colors ---------- */
.elementor-3707 .elementor-element.elementor-element-631cbd38 .ml-blue   { color: #2563eb; }
.elementor-3707 .elementor-element.elementor-element-631cbd38 .ml-purple { color: #7c3aed; }

/* ---------- Buttons ---------- */
.elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-button {
    border-radius: 14px;
    font-weight: 600;
    letter-spacing: 0.2px;
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12);
}
/* Student (1st button) — blue gradient + pulse */
.elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-widget-button:nth-of-type(1) .elementor-button {
    background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
    animation: mlPulse 3s ease-in-out 2s infinite;
}
.elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-widget-button:nth-of-type(1) .elementor-button:hover {
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%);
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(37, 99, 235, 0.4);
    animation-play-state: paused;
}
/* Instructor (2nd button) — purple gradient */
.elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-widget-button:nth-of-type(2) .elementor-button {
    background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%);
}
.elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-widget-button:nth-of-type(2) .elementor-button:hover {
    background: linear-gradient(135deg, #6d28d9 0%, #7c3aed 100%);
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(124, 58, 237, 0.4);
}
.elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-button:active {
    transform: translateY(0) scale(0.97);
}
.elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-button .elementor-button-icon {
    transition: transform 0.3s ease;
}
.elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-button:hover .elementor-button-icon {
    transform: translateX(4px);
}

/* ---------- Icon boxes (glass cards) ---------- */
.elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-icon-box-wrapper {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 16px;
    padding: 14px 16px;
    transition: all 0.3s ease;
}
.elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-icon-box-wrapper:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
    border-color: #c7d2fe;
}
.elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-icon-box-wrapper .elementor-icon {
    background: #eef2ff;
    border-radius: 12px;
    padding: 10px;
    transition: background 0.3s ease, transform 0.3s ease;
}
.elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-icon-box-wrapper:hover .elementor-icon {
    background: #e0e7ff;
    transform: scale(1.1) rotate(-4deg);
}

/* ---------- "Create free account" link ---------- */
.elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-widget-text-editor a strong {
    color: #2563eb;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: border-color 0.25s ease, color 0.25s ease;
}
.elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-widget-text-editor a:hover strong {
    color: #7c3aed;
    border-bottom-color: #7c3aed;
}

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
    .elementor-3707 .elementor-element.elementor-element-631cbd38 h1 { font-size: 42px !important; }
    .elementor-3707 .elementor-element.elementor-element-631cbd38::before,
    .elementor-3707 .elementor-element.elementor-element-631cbd38::after { filter: blur(60px); opacity: 0.25; }
}

/* ---------- Mobile: native-app feel ---------- */
@media (max-width: 767px) {
    .elementor-3707 .elementor-element.elementor-element-631cbd38 {
        padding: 40px 20px 50px !important;
        text-align: center;
    }
    .elementor-3707 .elementor-element.elementor-element-631cbd38 h1 { font-size: 34px !important; letter-spacing: -1px; }
    .elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-divider { justify-content: center; }
    .elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-divider-separator { margin: 0 auto; }
    .elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-button {
        width: 100%;
        min-height: 54px;
        font-size: 17px;
        border-radius: 16px;
    }
    .elementor-3707 .elementor-element.elementor-element-631cbd38 .elementor-icon-box-wrapper {
        width: 100%;
        justify-content: flex-start/* End custom CSS */
/* Start custom CSS *//* =====================================================
   MULTILANCER HERO — LOGO-THEMED (blue/green/slate)
   ===================================================== */

/* ---------- Keyframes ---------- */
@keyframes mlFadeUp {
    from { opacity: 0; transform: translateY(30px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes mlFadeRight {
    from { opacity: 0; transform: translateX(50px) scale(0.96); }
    to   { opacity: 1; transform: translateX(0) scale(1); }
}
@keyframes mlFloat {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-14px); }
}
@keyframes mlGlowDrift {
    0%, 100% { transform: translate(0, 0) scale(1); }
    50%      { transform: translate(-30px, 20px) scale(1.15); }
}
@keyframes mlPulse {
    0%   { box-shadow: 0 4px 14px rgba(30, 156, 215, 0.25); }
    50%  { box-shadow: 0 4px 28px rgba(30, 156, 215, 0.5); }
    100% { box-shadow: 0 4px 14px rgba(30, 156, 215, 0.25); }
}

/* ---------- Section background (logo tints) ---------- */
body.elementor-page-3707 {
    background: linear-gradient(135deg, #ffffff 0%, #eaf6fc 55%, #f0f8e8 100%) !important;
    position: relative;
    overflow: hidden;
}
/* Glows in logo colors: blue top-right, green bottom-left */
body.elementor-page-3707::before,
body.elementor-page-3707::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.30;
    pointer-events: none;
    z-index: 0;
    animation: mlGlowDrift 12s ease-in-out infinite;
}
body.elementor-page-3707::before {
    width: 420px; height: 420px;
    background: #1E9CD7;
    top: -120px; right: -100px;
}
body.elementor-page-3707::after {
    width: 360px; height: 360px;
    background: #7DBB42;
    bottom: -140px; left: -120px;
    animation-delay: -6s;
}
body.elementor-page-3707 > * { position: relative; z-index: 1; }

/* ---------- Entrance animations ---------- */
body.elementor-page-3707 .elementor-widget-heading { animation: mlFadeUp 0.7s ease-out 0.1s both; }
body.elementor-page-3707 .elementor-widget-divider { animation: mlFadeUp 0.6s ease-out 0.4s both; }
body.elementor-page-3707 .elementor-widget-text-editor { animation: mlFadeUp 0.8s ease-out 0.5s both; }
body.elementor-page-3707 .elementor-widget-button { animation: mlFadeUp 0.8s ease-out 0.65s both; }
body.elementor-page-3707 .elementor-widget-icon-box { animation: mlFadeUp 0.7s ease-out both; }
body.elementor-page-3707 .elementor-widget-icon-box:nth-of-type(1) { animation-delay: 0.85s; }
body.elementor-page-3707 .elementor-widget-icon-box:nth-of-type(2) { animation-delay: 1.0s; }
body.elementor-page-3707 .elementor-widget-icon-box:nth-of-type(3) { animation-delay: 1.15s; }
body.elementor-page-3707 .elementor-widget-image { animation: mlFadeRight 1s ease-out 0.4s both; }
body.elementor-page-3707 .elementor-widget-image img {
    border-radius: 24px;
    box-shadow: 0 25px 60px -15px rgba(30, 156, 215, 0.3);
    animation: mlFloat 6s ease-in-out 1.5s infinite;
}

/* ---------- Brand name: logo gradient text ---------- */
body.elementor-page-3707 .elementor-widget-heading h4 {
    background: linear-gradient(90deg, #2F4858 0%, #1E9CD7 50%, #7DBB42 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

/* ---------- H1 + accent colors (logo palette) ---------- */
body.elementor-page-3707 h1 {
    letter-spacing: -1.5px;
    color: #2F4858 !important;
}
body.elementor-page-3707 .ml-blue   { color: #1E9CD7 !important; }
body.elementor-page-3707 .ml-purple { color: #7DBB42 !important; } /* old class now = logo green */
body.elementor-page-3707 .ml-green  { color: #7DBB42 !important; }

/* ---------- Divider: logo gradient bar ---------- */
body.elementor-page-3707 .elementor-divider-separator {
    border-top: none !important;
    height: 4px;
    width: 70px;
    border-radius: 4px;
    background: linear-gradient(90deg, #1E9CD7 0%, #7DBB42 100%);
}

/* ---------- Body text ---------- */
body.elementor-page-3707 .elementor-widget-text-editor p { color: #46626F; }
body.elementor-page-3707 .elementor-widget-text-editor strong { color: #2F4858; }

/* ---------- Buttons ---------- */
body.elementor-page-3707 .elementor-button {
    border-radius: 14px;
    font-weight: 600;
    letter-spacing: 0.2px;
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 4px 14px rgba(47, 72, 88, 0.12);
}
/* Student = logo blue */
body.elementor-page-3707 .elementor-widget-button:nth-of-type(1) .elementor-button {
    background: linear-gradient(135deg, #1683BA 0%, #1E9CD7 100%) !important;
    animation: mlPulse 3s ease-in-out 2s infinite;
}
body.elementor-page-3707 .elementor-widget-button:nth-of-type(1) .elementor-button:hover {
    background: linear-gradient(135deg, #116B99 0%, #1683BA 100%) !important;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(30, 156, 215, 0.4);
    animation-play-state: paused;
}
/* Instructor = logo green */
body.elementor-page-3707 .elementor-widget-button:nth-of-type(2) .elementor-button {
    background: linear-gradient(135deg, #669C36 0%, #7DBB42 100%) !important;
}
body.elementor-page-3707 .elementor-widget-button:nth-of-type(2) .elementor-button:hover {
    background: linear-gradient(135deg, #55832D 0%, #669C36 100%) !important;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(125, 187, 66, 0.4);
}
body.elementor-page-3707 .elementor-button:active { transform: translateY(0) scale(0.97); }

/* ---------- Icon box cards (equal size fix kept) ---------- */
body.elementor-page-3707 .elementor-widget-icon-box {
    display: flex;
    flex: 1 1 0;
    min-width: 0;
}
body.elementor-page-3707 .elementor-widget-icon-box > .elementor-widget-container {
    width: 100%;
    display: flex;
}
body.elementor-page-3707 .elementor-icon-box-wrapper {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(214, 234, 244, 0.9);
    border-radius: 16px;
    padding: 16px !important;
    width: 100%;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px;
    transition: all 0.3s ease;
}
body.elementor-page-3707 .elementor-icon-box-wrapper:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(47, 72, 88, 0.10);
    border-color: #a9d8ef;
}
body.elementor-page-3707 .elementor-icon-box-icon { margin: 0 !important; flex-shrink: 0; }
body.elementor-page-3707 .elementor-icon-box-icon .elementor-icon {
    background: #EAF6FC;
    border-radius: 12px;
    width: 46px; height: 46px;
    display: flex; align-items: center; justify-content: center;
    font-size: 20px !important;
    color: #1E9CD7 !important;
    fill: #1E9CD7 !important;
    transition: background 0.3s ease, transform 0.3s ease;
}
/* Alternate icon chips: blue / green / dark, matching logo arcs */
body.elementor-page-3707 .elementor-widget-icon-box:nth-of-type(2) .elementor-icon {
    background: #F0F8E8;
    color: #669C36 !important;
    fill: #669C36 !important;
}
body.elementor-page-3707 .elementor-widget-icon-box:nth-of-type(3) .elementor-icon {
    background: #ECF1F4;
    color: #2F4858 !important;
    fill: #2F4858 !important;
}
body.elementor-page-3707 .elementor-icon-box-wrapper:hover .elementor-icon {
    transform: scale(1.08);
}
body.elementor-page-3707 .elementor-icon-box-content { text-align: left !important; min-width: 0; }
body.elementor-page-3707 .elementor-icon-box-content .elementor-icon-box-title,
body.elementor-page-3707 .elementor-icon-box-content .elementor-icon-box-title span {
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: #2F4858 !important;
    margin: 0 0 3px 0 !important;
}
body.elementor-page-3707 .elementor-icon-box-content .elementor-icon-box-description {
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #5E7A88 !important;
    margin: 0 !important;
}

/* ---------- "Create free account" link ---------- */
body.elementor-page-3707 .elementor-widget-text-editor a strong {
    color: #1E9CD7 !important;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: all 0.25s ease;
}
body.elementor-page-3707 .elementor-widget-text-editor a:hover strong {
    color: #669C36 !important;
    border-bottom-color: #7DBB42;
}

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
    body.elementor-page-3707 h1 { font-size: 42px !important; }
}

/* =====================================================
   MOBILE — NATIVE APP UI (logo-themed)
   ===================================================== */
@media (max-width: 767px) {
    body.elementor-page-3707 {
        padding: 32px 18px calc(32px + env(safe-area-inset-bottom)) !important;
        text-align: center;
        min-height: 100svh;
    }
    body.elementor-page-3707::before,
    body.elementor-page-3707::after { display: none; }

    body.elementor-page-3707 .elementor-widget-heading h4 { font-size: 17px !important; }
    body.elementor-page-3707 h1 {
        font-size: 32px !important;
        line-height: 1.2 !important;
        letter-spacing: -0.8px;
    }
    body.elementor-page-3707 .elementor-divider { justify-content: center; }
    body.elementor-page-3707 .elementor-divider-separator { margin: 0 auto; }
    body.elementor-page-3707 .elementor-widget-text-editor p {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }

    /* Full-width app buttons */
    body.elementor-page-3707 .elementor-widget-button { width: 100%; }
    body.elementor-page-3707 .elementor-button {
        width: 100%;
        min-height: 56px;
        font-size: 17px;
        border-radius: 18px;
        box-shadow: 0 6px 18px rgba(30, 156, 215, 0.22);
    }
    body.elementor-page-3707 .elementor-button:active { transform: scale(0.96); opacity: 0.92; }

    /* Cards → native list rows with chevron */
    body.elementor-page-3707 .elementor-widget-icon-box { width: 100%; }
    body.elementor-page-3707 .elementor-icon-box-wrapper {
        flex-direction: row !important;
        align-items: center !important;
        width: 100%;
        padding: 14px 16px !important;
        border-radius: 18px;
        background: #ffffff;
        border: 1px solid #E3EEF4;
        box-shadow: 0 2px 10px rgba(47, 72, 88, 0.05);
    }
    body.elementor-page-3707 .elementor-icon-box-wrapper::after {
        content: "›";
        margin-left: auto;
        font-size: 22px;
        color: #B8CDD8;
        font-weight: 300;
        line-height: 1;
    }
    body.elementor-page-3707 .elementor-icon-box-content .elementor-icon-box-title,
    body.elementor-page-3707 .elementor-icon-box-content .elementor-icon-box-title span {
        font-size: 16px !important;
    }
    body.elementor-page-3707 .elementor-widget-image img {
        border-radius: 22px;
        animation: none;
        box-shadow: 0 14px 34px -12px rgba(30, 156, 215, 0.28);
    }
}

/* ---------- Small phones ---------- */
@media (max-width: 380px) {
    body.elementor-page-3707 h1 { font-size: 28px !important; }
    body.elementor-page-3707 .elementor-button { font-size: 15px; min-height: 52px; }
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
    body.elementor-page-3707, body.elementor-page-3707 *, body.elementor-page-3707::before, body.elementor-page-3707::after {
        animation: none !important;
        transition: none !important;
    }
}/* End custom CSS */