:root{--navy:#062d28;--navy2:#0a4a3f;--green:#91d04b;--green2:#d2ef9e;--cyan:#36b4a1;--gold:#d9b65b;--paper:#f3f8f6;--ink:#15312c;--muted:#667a75;--line:#d7e5e0;--danger:#b42318;--warning:#b54708;--white:#fff;--shadow:0 12px 34px rgba(6,45,40,.10)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper)}body{margin:0;min-height:100vh}body.rtl{direction:rtl;font-family:"Noto Nastaliq Urdu","Noto Sans Arabic",Arial,sans-serif}a{color:#167566;text-decoration:none}a:hover{text-decoration:underline}.topbar{position:sticky;top:0;z-index:30;background:linear-gradient(120deg,var(--navy),var(--navy2));color:#fff;box-shadow:0 3px 16px rgba(0,0,0,.2);border-bottom:2px solid rgba(217,182,91,.55)}.nav{max-width:1480px;margin:auto;padding:0 24px;min-height:72px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:11px;color:#fff;min-width:max-content}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;min-width:46px;height:42px;padding:0 8px;border-radius:12px;background:linear-gradient(135deg,var(--green2),var(--green));color:var(--navy);font-size:13px;font-weight:950;letter-spacing:.7px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 5px 15px rgba(0,0,0,.14)}.brand-mark-large{width:74px;height:68px;border-radius:18px;font-size:20px}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy strong{font-size:15px;letter-spacing:.1px}.brand-copy small{margin-top:4px;color:#c8ded8;font-size:10px;text-transform:uppercase;letter-spacing:.85px}.nav-links{display:flex;align-items:center;gap:4px;flex:1;overflow:auto}.nav-links a{color:#dbece8;padding:10px 10px;border-radius:8px;white-space:nowrap;font-size:13px}.nav-links a:hover,.nav-links a.active{background:rgba(255,255,255,.11);text-decoration:none;color:#fff}.nav-actions{display:flex;align-items:center;gap:10px}.container{max-width:1320px;margin:0 auto;padding:28px 24px 60px}.hero{background:linear-gradient(125deg,var(--navy),#0f6052);color:#fff;border-radius:22px;padding:34px;box-shadow:var(--shadow);position:relative;overflow:hidden;border:1px solid rgba(217,182,91,.35)}.hero:after{content:"";position:absolute;width:290px;height:290px;border-radius:50%;background:rgba(210,239,158,.14);right:-80px;top:-100px}.hero:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;border:1px solid rgba(217,182,91,.28);right:165px;bottom:-85px}.hero h1{margin:0 0 8px;font-size:clamp(27px,4vw,43px);max-width:850px}.hero p{margin:0;max-width:800px;color:#d8ebe6;font-size:17px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.page-head h1{margin:0 0 6px;font-size:30px}.page-head p{margin:0;color:var(--muted)}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 4px 18px rgba(6,45,40,.045)}.card h2,.card h3{margin-top:0}.stat{position:relative;overflow:hidden}.stat .number{font-size:32px;font-weight:850;color:var(--navy)}.stat .label{color:var(--muted);font-size:14px}.stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--green),var(--cyan))}.rtl .stat:before{left:auto;right:0}.section{margin-top:25px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title h2{margin:0;font-size:21px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:9px;padding:10px 15px;font:inherit;font-weight:700;cursor:pointer;background:var(--navy);color:#fff}.btn:hover{text-decoration:none;filter:brightness(1.08)}.btn-green{background:linear-gradient(135deg,var(--green),#a8df66);color:#102f29}.btn-light{background:#fff;color:var(--navy);border-color:var(--line)}.btn-danger{background:#fff1f0;color:var(--danger);border-color:#fecdca}.btn-small{padding:7px 10px;font-size:13px}.btn-block{width:100%}.badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:#e6f3ef;color:#235e53;font-size:12px;font-weight:750}.badge-green{background:#e8f7dc;color:#356d18}.badge-yellow{background:#fff4d6;color:#8a5b00}.badge-red{background:#ffebe9;color:#9a251c}.badge-gray{background:#eef1f5;color:#556276}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:14px;font-weight:750;color:#293f39}.field small{color:var(--muted)}input,select,textarea{width:100%;border:1px solid #c7d9d3;border-radius:9px;padding:11px 12px;background:#fff;color:var(--ink);font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(54,180,161,.14)}textarea{min-height:105px;resize:vertical}.check{display:flex;align-items:flex-start;gap:9px}.check input{width:auto;margin-top:4px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px;background:#fff}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid #e5eeeb;vertical-align:top}th{background:#f5f9f7;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#5d716c}tr:last-child td{border-bottom:0}.rtl th,.rtl td{text-align:right}.alert{border-radius:11px;padding:12px 15px;margin-bottom:18px;border:1px solid}.alert-success{background:#edf9e7;border-color:#b8df9c;color:#275c12}.alert-error{background:#fff1f0;border-color:#f3b8b4;color:#8d211a}.alert-info{background:#edf8f6;border-color:#abdcd2;color:#1d6659}.errors{margin:0;padding-left:20px}.rtl .errors{padding-left:0;padding-right:20px}.muted{color:var(--muted)}.stack{display:flex;flex-direction:column;gap:12px}.inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.split{display:flex;justify-content:space-between;align-items:center;gap:12px}.progress{height:10px;background:#e4eeea;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--cyan))}.match-score{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:#edf8e7;color:#326c19;font-size:21px;font-weight:850;border:6px solid #caeab8}.factor{display:grid;grid-template-columns:160px 1fr 55px;gap:10px;align-items:center}.bar{height:9px;border-radius:99px;background:#e4eeea;overflow:hidden}.bar span{display:block;height:100%;background:var(--green)}.sidebar-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px}.side-card{position:sticky;top:92px;align-self:start}.side-card a{display:block;padding:9px 10px;border-radius:8px;color:var(--ink)}.side-card a:hover{background:#edf5f2;text-decoration:none}.empty{text-align:center;padding:38px;color:var(--muted)}.pagination{display:flex;gap:6px;margin-top:18px}.pagination a,.pagination span{padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:#fff}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(340px,44%) 1fr}.auth-brand{background:linear-gradient(145deg,var(--navy),#0d594c);color:#fff;padding:58px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;border-right:3px solid rgba(217,182,91,.7)}.auth-brand:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid rgba(210,239,158,.14);right:-180px;bottom:-180px}.auth-brand-lockup{display:flex;align-items:center;gap:18px;margin-bottom:30px}.auth-brand h1{font-size:clamp(30px,4vw,48px);margin:3px 0 0;line-height:1.05}.auth-brand h2{font-size:clamp(25px,3vw,38px);line-height:1.2;margin:0 0 16px;max-width:680px}.auth-brand p{font-size:17px;line-height:1.65;color:#d8ebe6;max-width:680px}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;color:var(--green2);font-size:12px;font-weight:800}.brand-pill{display:inline-flex;align-self:flex-start;margin-top:20px;padding:9px 13px;border:1px solid rgba(217,182,91,.45);border-radius:999px;background:rgba(255,255,255,.06);color:#f0e1b5;font-size:13px}.auth-panel{padding:40px;display:grid;place-items:center}.auth-card{width:min(780px,100%);background:#fff;border:1px solid var(--line);border-radius:19px;padding:30px;box-shadow:var(--shadow)}.auth-card.narrow{max-width:480px}.auth-powered{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:12px}.footer{padding:24px;text-align:center;color:var(--muted);font-size:13px;line-height:1.8;border-top:1px solid var(--line);background:#edf5f2}.footer strong{color:var(--navy)}.footer span{font-size:11px}.mobile-menu{display:none}.chart-row{display:grid;grid-template-columns:180px 1fr 50px;gap:10px;align-items:center;margin:9px 0}.quick-actions{display:flex;gap:10px;flex-wrap:wrap}.lesson{border-left:3px solid var(--green);padding-left:14px;margin:12px 0}.rtl .lesson{border-left:0;border-right:3px solid var(--green);padding-left:0;padding-right:14px}.avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#e4eeea}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#eef4f2;padding:2px 6px;border-radius:5px}.certificate-hero{display:flex;align-items:center;gap:20px}.certificate-card{text-align:center;padding:50px;border-top:4px solid var(--gold)}.certificate-foot{margin-top:35px}@media(max-width:1100px){.brand-copy{display:none}}@media(max-width:1000px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.sidebar-layout{grid-template-columns:1fr}.side-card{position:static}.nav-links{display:none}.auth-shell{grid-template-columns:1fr}.auth-brand{padding:36px;min-height:300px;border-right:0;border-bottom:3px solid rgba(217,182,91,.7)}.auth-brand h1{font-size:34px}}@media(max-width:680px){.container{padding:18px 14px 45px}.nav{padding:0 14px}.grid-2,.grid-3,.grid-4,.form-grid{grid-template-columns:1fr}.page-head{flex-direction:column}.hero{padding:25px 21px}.auth-panel{padding:16px}.auth-card{padding:21px}.auth-brand{padding:28px}.factor,.chart-row{grid-template-columns:1fr}.nav-actions .user-name{display:none}.auth-brand-lockup{align-items:flex-start}.certificate-hero{align-items:flex-start}}

/* MVN polished public homepage */
.mvn-home{
    --mvn-dark:#052d28;
    --mvn-deep:#08483e;
    --mvn-green:#8dd14b;
    --mvn-light:#d8f3a5;
    --mvn-gold:#d9b65b;
    --mvn-ink:#122b27;
    --mvn-muted:#61736f;
    --mvn-line:#d8e6e1;
    margin:0;
    background:#f7faf8;
    color:var(--mvn-ink);
    overflow-x:hidden;
}

.mvn-home *,
.mvn-home *:before,
.mvn-home *:after{
    box-sizing:border-box;
}

.mvn-home a{
    text-decoration:none;
}

.mvn-public-header{
    position:sticky;
    top:0;
    z-index:100;
    background:rgba(5,45,40,.97);
    border-bottom:1px solid rgba(255,255,255,.1);
    box-shadow:0 10px 32px rgba(5,45,40,.16);
    backdrop-filter:blur(14px);
}

.mvn-public-nav{
    max-width:1380px;
    min-height:78px;
    margin:auto;
    padding:0 28px;
    display:flex;
    align-items:center;
    gap:30px;
}

.mvn-public-brand{
    display:flex;
    align-items:center;
    gap:12px;
    color:white;
    min-width:max-content;
}

.mvn-logo{
    width:48px;
    height:44px;
    border-radius:13px;
    display:grid;
    place-items:center;
    color:var(--mvn-dark);
    background:linear-gradient(135deg,var(--mvn-light),var(--mvn-green));
    font-size:14px;
    font-weight:950;
    letter-spacing:.8px;
}

.mvn-brand-copy{
    display:flex;
    flex-direction:column;
    line-height:1.05;
}

.mvn-brand-copy strong{
    font-size:15px;
}

.mvn-brand-copy small{
    margin-top:5px;
    color:#b8d3cd;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:1px;
}

.mvn-nav-links{
    flex:1;
    display:flex;
    justify-content:center;
    gap:5px;
}

.mvn-nav-links a{
    color:#d4e6e2;
    padding:10px 11px;
    border-radius:9px;
    font-size:13px;
    font-weight:700;
}

.mvn-nav-links a:hover{
    color:white;
    background:rgba(255,255,255,.08);
}

.mvn-nav-actions{
    display:flex;
    align-items:center;
    gap:10px;
}

.mvn-language-form select{
    width:auto;
    min-width:112px;
    padding:9px 30px 9px 10px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:9px;
    background:rgba(255,255,255,.08);
    color:white;
}

.mvn-language-form option{
    color:#122b27;
    background:white;
}

.mvn-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:11px 17px;
    border-radius:10px;
    background:linear-gradient(135deg,var(--mvn-light),var(--mvn-green));
    color:var(--mvn-dark);
    font-weight:850;
    font-size:13px;
    border:0;
}

.mvn-hero{
    position:relative;
    min-height:690px;
    display:flex;
    align-items:center;
    overflow:hidden;
    color:white;
    background:
        radial-gradient(circle at 78% 32%,rgba(141,209,75,.19),transparent 28%),
        radial-gradient(circle at 10% 90%,rgba(53,176,157,.18),transparent 31%),
        linear-gradient(135deg,#052d28,#08483e 53%,#0b594b);
}

.mvn-hero:before{
    content:"";
    position:absolute;
    inset:0;
    opacity:.42;
    background-image:
        linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
    background-size:52px 52px;
}

.mvn-hero-inner{
    position:relative;
    z-index:2;
    width:min(1380px,100%);
    margin:auto;
    padding:88px 28px 105px;
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
    gap:60px;
    align-items:center;
}

.mvn-kicker,
.mvn-overline{
    text-transform:uppercase;
    letter-spacing:1.6px;
    font-size:12px;
    font-weight:900;
}

.mvn-kicker{
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--mvn-light);
}

.mvn-kicker span{
    width:29px;
    height:2px;
    background:var(--mvn-gold);
}

.mvn-hero h1{
    max-width:820px;
    margin:22px 0;
    font-size:clamp(43px,5.4vw,76px);
    line-height:1.02;
    letter-spacing:-2.7px;
}

.mvn-tagline{
    max-width:760px;
    margin:0 0 15px;
    color:#dbf1ec;
    font-size:clamp(20px,2vw,26px);
    line-height:1.4;
    font-weight:650;
}

.mvn-intro{
    max-width:720px;
    margin:0;
    color:#bed7d1;
    font-size:16px;
    line-height:1.75;
}

.mvn-hero-actions{
    margin-top:34px;
    display:flex;
    align-items:center;
    gap:22px;
    flex-wrap:wrap;
}

.mvn-primary{
    padding:14px 21px;
    box-shadow:0 15px 34px rgba(0,0,0,.22);
}

.mvn-text-link{
    color:white;
    font-weight:800;
}

.mvn-invitation-note{
    margin-top:25px;
    display:flex;
    align-items:center;
    gap:10px;
    color:#a9c9c1;
    font-size:13px;
}

.mvn-invitation-note span{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--mvn-green);
    box-shadow:0 0 0 6px rgba(141,209,75,.12);
}

.mvn-network-visual{
    min-height:490px;
    position:relative;
    display:grid;
    place-items:center;
}

.mvn-network-center{
    position:relative;
    z-index:5;
    width:230px;
    height:230px;
    border-radius:50%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    border:1px solid rgba(255,255,255,.24);
    background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05));
    box-shadow:0 35px 80px rgba(0,0,0,.28);
    backdrop-filter:blur(10px);
}

.mvn-network-center:before{
    content:"";
    position:absolute;
    inset:13px;
    border:1px dashed rgba(217,182,91,.5);
    border-radius:50%;
}

.mvn-network-logo{
    position:relative;
    z-index:1;
    width:72px;
    height:66px;
    margin-bottom:14px;
    border-radius:18px;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg,var(--mvn-light),var(--mvn-green));
    color:var(--mvn-dark);
    font-size:21px;
    font-weight:950;
}

.mvn-network-center strong,
.mvn-network-center small{
    position:relative;
    z-index:1;
}

.mvn-network-center strong{
    font-size:18px;
}

.mvn-network-center small{
    margin-top:7px;
    color:#bad4ce;
}

.mvn-orbit{
    position:absolute;
    border:1px solid rgba(216,243,165,.2);
    border-radius:50%;
}

.mvn-orbit-one{
    width:380px;
    height:380px;
}

.mvn-orbit-two{
    width:490px;
    height:490px;
    border-style:dashed;
    border-color:rgba(217,182,91,.2);
}



.mvn-node strong{
    display:block;
    margin-bottom:2px;
    color:var(--mvn-light);
    font-size:24px;
}









.mvn-highlight-strip{
    position:relative;
    z-index:10;
    max-width:1240px;
    margin:-38px auto 0;
    padding:10px 20px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border:1px solid var(--mvn-line);
    border-radius:18px;
    background:white;
    box-shadow:0 18px 55px rgba(5,45,40,.12);
}

.mvn-highlight-strip div{
    padding:20px 22px;
    border-right:1px solid var(--mvn-line);
}

.mvn-highlight-strip div:last-child{
    border-right:0;
}

.mvn-highlight-strip strong,
.mvn-highlight-strip span{
    display:block;
}

.mvn-highlight-strip strong{
    margin-bottom:6px;
    color:var(--mvn-dark);
    font-size:14px;
}

.mvn-highlight-strip span{
    color:var(--mvn-muted);
    font-size:12px;
    line-height:1.5;
}

.mvn-section,
.mvn-journey{
    max-width:1320px;
    margin:auto;
    padding:105px 28px;
}

.mvn-section-heading{
    margin-bottom:42px;
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
    gap:70px;
    align-items:end;
}

.mvn-section-heading h2,
.mvn-security h2,
.mvn-final-action h2,
.mvn-journey h2{
    margin:10px 0 0;
    color:var(--mvn-dark);
    font-size:clamp(32px,4vw,50px);
    line-height:1.08;
    letter-spacing:-1.5px;
}

.mvn-overline{
    color:#398770;
}

.mvn-section-heading > p{
    margin:0;
    color:var(--mvn-muted);
    font-size:16px;
    line-height:1.75;
}

.mvn-feature-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.mvn-feature{
    min-height:285px;
    padding:25px;
    display:flex;
    flex-direction:column;
    border:1px solid var(--mvn-line);
    border-radius:18px;
    background:white;
    box-shadow:0 7px 26px rgba(5,45,40,.055);
    transition:.25s ease;
}

.mvn-feature:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 42px rgba(5,45,40,.11);
}

.mvn-feature-primary{
    color:white;
    border-color:transparent;
    background:linear-gradient(145deg,var(--mvn-dark),#0c574a);
}

.mvn-feature-number{
    width:43px;
    height:43px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:#ebf6f2;
    color:#297561;
    font-size:12px;
    font-weight:900;
}

.mvn-feature-primary .mvn-feature-number{
    color:var(--mvn-light);
    background:rgba(216,243,165,.14);
}

.mvn-feature h3{
    margin:22px 0 10px;
    color:var(--mvn-dark);
    font-size:21px;
}

.mvn-feature p{
    margin:0;
    color:var(--mvn-muted);
    line-height:1.68;
}

.mvn-feature small{
    margin-top:auto;
    padding-top:22px;
    color:#347b69;
    font-weight:750;
}

.mvn-feature-primary h3{
    color:white;
}

.mvn-feature-primary p{
    color:#cae1db;
}

.mvn-feature-primary small{
    color:var(--mvn-light);
}

.mvn-services{
    padding:105px 28px;
    color:white;
    background:linear-gradient(135deg,var(--mvn-dark),#0a4c40);
}

.mvn-services-inner{
    max-width:1264px;
    margin:auto;
}

.mvn-light-heading h2{
    color:white;
}

.mvn-light-heading p{
    color:#bdd5cf;
}

.mvn-light-heading .mvn-overline{
    color:var(--mvn-light);
}

.mvn-service-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:13px;
}

.mvn-service-grid div{
    min-height:112px;
    padding:20px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border:1px solid rgba(255,255,255,.13);
    border-radius:15px;
    background:rgba(255,255,255,.07);
    font-weight:750;
    line-height:1.4;
    transition:.2s ease;
}

.mvn-service-grid div:hover{
    transform:translateY(-3px);
    background:rgba(255,255,255,.11);
}

.mvn-service-grid span{
    margin-bottom:10px;
    color:var(--mvn-light);
    font-size:11px;
    letter-spacing:1.2px;
}

.mvn-training-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.mvn-training-grid article{
    padding:30px;
    border:1px solid var(--mvn-line);
    border-radius:19px;
    background:white;
    box-shadow:0 8px 25px rgba(5,45,40,.05);
}

.mvn-training-grid article:nth-child(2){
    transform:translateY(-12px);
    border-top:4px solid var(--mvn-gold);
}

.mvn-training-grid article > span{
    display:inline-flex;
    padding:6px 10px;
    border-radius:999px;
    background:#eaf5f1;
    color:#27715f;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:11px;
    font-weight:850;
}

.mvn-training-grid h3{
    margin:20px 0 10px;
    color:var(--mvn-dark);
    font-size:23px;
}

.mvn-training-grid p,
.mvn-training-grid li{
    color:var(--mvn-muted);
    line-height:1.65;
}

.mvn-training-grid ul{
    padding-left:19px;
}

.mvn-journey{
    padding-top:35px;
}

.mvn-journey-heading{
    margin-bottom:40px;
}

.mvn-journey-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.mvn-journey-grid article{
    text-align:center;
}

.mvn-journey-grid article > span{
    width:58px;
    height:58px;
    margin:auto;
    display:grid;
    place-items:center;
    border:6px solid #e2efea;
    border-radius:50%;
    background:var(--mvn-dark);
    color:var(--mvn-light);
    font-weight:900;
}

.mvn-journey-grid h3{
    margin:18px 0 8px;
    color:var(--mvn-dark);
}

.mvn-journey-grid p{
    margin:0;
    color:var(--mvn-muted);
    line-height:1.6;
    font-size:14px;
}

.mvn-security{
    max-width:1264px;
    margin:20px auto 100px;
    padding:55px;
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
    gap:60px;
    align-items:center;
    border:1px solid #cde1d9;
    border-radius:25px;
    background:linear-gradient(135deg,#e8f4ef,#f9fbfa);
}

.mvn-security > div > p{
    color:var(--mvn-muted);
    line-height:1.75;
}

.mvn-security-tags{
    margin-top:25px;
    display:flex;
    flex-wrap:wrap;
    gap:9px;
}

.mvn-security-tags span{
    padding:8px 11px;
    border:1px solid var(--mvn-line);
    border-radius:999px;
    background:white;
    color:#275f53;
    font-size:12px;
    font-weight:750;
}

.mvn-security-card{
    min-height:300px;
    padding:38px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    border-radius:20px;
    background:linear-gradient(145deg,var(--mvn-dark),#0d5c4e);
    color:white;
    box-shadow:0 24px 55px rgba(5,45,40,.18);
}

.mvn-security-card div{
    width:65px;
    height:65px;
    margin-bottom:25px;
    display:grid;
    place-items:center;
    border-radius:19px;
    background:linear-gradient(135deg,var(--mvn-light),var(--mvn-green));
    color:var(--mvn-dark);
    font-size:28px;
    font-weight:950;
}

.mvn-security-card strong{
    font-size:23px;
}

.mvn-security-card span{
    margin-top:11px;
    color:#c4ddd7;
    line-height:1.7;
}

.mvn-final-action{
    max-width:1264px;
    margin:0 auto 105px;
    padding:48px 55px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    border-radius:24px;
    background:linear-gradient(120deg,var(--mvn-dark),#0b5649);
    color:white;
    box-shadow:0 24px 60px rgba(5,45,40,.18);
}

.mvn-final-action h2{
    color:white;
    font-size:clamp(30px,3.5vw,45px);
}

.mvn-final-action p{
    margin-bottom:0;
    color:#c4ddd7;
    line-height:1.65;
}

.mvn-final-action .mvn-overline{
    color:var(--mvn-light);
}

.mvn-public-footer{
    padding:34px 28px;
    background:#041f1c;
    color:#c2d7d2;
}

.mvn-public-footer > div{
    max-width:1320px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
}

.mvn-footer-meta{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:5px;
    color:#829e97;
    font-size:12px;
}

.mvn-login-links{
    margin-top:20px;
    display:flex;
    justify-content:space-between;
    gap:15px;
    font-size:13px;
}

.mvn-closed-registration{
    margin-top:24px;
    padding:14px 15px;
    display:flex;
    flex-direction:column;
    gap:4px;
    border:1px solid #cee1da;
    border-radius:11px;
    background:#eef6f3;
}

.mvn-closed-registration strong{
    color:#052d28;
    font-size:13px;
}

.mvn-closed-registration span{
    color:#61736f;
    font-size:12px;
    line-height:1.5;
}

.auth-heading{
    margin-bottom:22px;
}

.auth-heading h1{
    margin:5px 0 8px;
    font-size:31px;
}

@media(max-width:1120px){
    .mvn-nav-links{
        display:none;
    }

    .mvn-hero-inner{
        grid-template-columns:1fr;
    }

    .mvn-feature-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .mvn-service-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .mvn-highlight-strip{
        grid-template-columns:repeat(2,1fr);
        margin-left:20px;
        margin-right:20px;
    }
}

@media(max-width:820px){
    .mvn-language-form{
        display:none;
    }

    .mvn-public-nav{
        padding:0 18px;
    }

    .mvn-hero-inner{
        padding:65px 20px 90px;
    }

    .mvn-section,
    .mvn-journey{
        padding:80px 20px;
    }

    .mvn-section-heading,
    .mvn-security{
        grid-template-columns:1fr;
        gap:26px;
    }

    .mvn-training-grid{
        grid-template-columns:1fr;
    }

    .mvn-training-grid article:nth-child(2){
        transform:none;
    }

    .mvn-journey-grid{
        grid-template-columns:repeat(2,1fr);
        gap:30px 15px;
    }

    .mvn-security{
        margin:0 20px 80px;
        padding:35px;
    }

    .mvn-final-action{
        margin:0 20px 80px;
        padding:36px;
        align-items:flex-start;
        flex-direction:column;
    }

    .mvn-public-footer > div{
        align-items:flex-start;
        flex-direction:column;
    }

    .mvn-footer-meta{
        align-items:flex-start;
    }
}

@media(max-width:590px){
    .mvn-brand-copy strong{
        font-size:13px;
    }

    .mvn-brand-copy small{
        display:none;
    }

    .mvn-nav-actions .mvn-button{
        padding:9px 11px;
        font-size:12px;
    }

    .mvn-hero{
        min-height:auto;
    }

    .mvn-hero h1{
        font-size:40px;
        letter-spacing:-1.5px;
    }

    .mvn-network-visual{
        min-height:390px;
        transform:scale(.84);
        margin:-35px;
    }

    .mvn-orbit-two{
        width:440px;
        height:440px;
    }

    .mvn-highlight-strip,
    .mvn-feature-grid,
    .mvn-service-grid,
    .mvn-journey-grid{
        grid-template-columns:1fr;
    }

    .mvn-highlight-strip{
        margin-top:-25px;
    }

    .mvn-highlight-strip div{
        border-right:0;
        border-bottom:1px solid var(--mvn-line);
    }

    .mvn-highlight-strip div:last-child{
        border-bottom:0;
    }

    .mvn-services{
        padding:75px 20px;
    }

    .mvn-security{
        padding:28px;
    }

    .mvn-final-action{
        padding:30px;
    }

    .mvn-login-links{
        align-items:flex-start;
        flex-direction:column;
    }
}

/* MVN premium motion layer */
.mvn-home{
    position:relative;
}

.mvn-home main,
.mvn-public-header,
.mvn-public-footer{
    position:relative;
    z-index:2;
}

.mvn-ambient{
    position:fixed;
    inset:0;
    z-index:0;
    overflow:hidden;
    pointer-events:none;
}

.mvn-ambient-orb{
    position:absolute;
    display:block;
    border-radius:50%;
    opacity:.18;
    filter:blur(10px);
    will-change:transform;
}

.mvn-ambient-one{
    width:420px;
    height:420px;
    top:8%;
    left:-180px;
    background:radial-gradient(circle,#8dd14b,transparent 68%);
    animation:mvnAmbientOne 17s ease-in-out infinite alternate;
}

.mvn-ambient-two{
    width:520px;
    height:520px;
    top:42%;
    right:-240px;
    background:radial-gradient(circle,#35b09d,transparent 69%);
    animation:mvnAmbientTwo 21s ease-in-out infinite alternate;
}

.mvn-ambient-three{
    width:340px;
    height:340px;
    bottom:-150px;
    left:38%;
    background:radial-gradient(circle,#d9b65b,transparent 70%);
    animation:mvnAmbientThree 19s ease-in-out infinite alternate;
}

.mvn-hero{
    background-size:130% 130%;
    animation:mvnHeroGradient 14s ease-in-out infinite alternate;
}

.mvn-hero:after{
    content:"";
    position:absolute;
    inset:-20%;
    z-index:0;
    pointer-events:none;
    background:
        radial-gradient(circle at 50% 50%,rgba(216,243,165,.08),transparent 21%),
        conic-gradient(
            from 45deg,
            transparent,
            rgba(255,255,255,.025),
            transparent,
            rgba(141,209,75,.035),
            transparent
        );
    animation:mvnHeroSweep 22s linear infinite;
}

.mvn-hero-inner{
    z-index:2;
}

.mvn-orbit-one{
    animation:mvnOrbitClockwise 18s linear infinite;
}

.mvn-orbit-two{
    animation:mvnOrbitCounter 27s linear infinite;
}

.mvn-network-center{
    animation:mvnCenterFloat 5.8s ease-in-out infinite;
}

.mvn-network-center:after{
    content:"";
    position:absolute;
    inset:-18px;
    border:1px solid rgba(216,243,165,.18);
    border-radius:50%;
    animation:mvnPulseRing 3.2s ease-out infinite;
}

.mvn-network-logo{
    overflow:hidden;
    animation:mvnLogoGlow 3.7s ease-in-out infinite;
}

.mvn-network-logo:after{
    content:"";
    position:absolute;
    width:34px;
    height:120px;
    top:-28px;
    left:-52px;
    background:rgba(255,255,255,.52);
    transform:rotate(28deg);
    filter:blur(7px);
    animation:mvnLogoShine 4.8s ease-in-out infinite;
}















.mvn-particle-layer{
    position:absolute;
    inset:0;
    z-index:1;
    overflow:hidden;
    pointer-events:none;
}

.mvn-particle{
    position:absolute;
    bottom:-30px;
    display:block;
    width:4px;
    height:4px;
    border-radius:50%;
    background:rgba(216,243,165,.65);
    box-shadow:0 0 12px rgba(141,209,75,.55);
    animation:mvnParticleRise linear infinite;
}

.mvn-parallax-glow{
    position:absolute;
    z-index:1;
    width:440px;
    height:440px;
    top:12%;
    right:7%;
    border-radius:50%;
    pointer-events:none;
    background:radial-gradient(
        circle,
        rgba(141,209,75,.13),
        rgba(53,176,157,.055) 43%,
        transparent 71%
    );
    filter:blur(3px);
    transition:transform .18s ease-out;
    will-change:transform;
}

.mvn-motion-ready .mvn-reveal{
    opacity:0;
    transform:translateY(28px);
    transition:
        opacity .75s cubic-bezier(.2,.7,.2,1),
        transform .75s cubic-bezier(.2,.7,.2,1);
    transition-delay:var(--mvn-delay,0ms);
}

.mvn-motion-ready .mvn-reveal.mvn-visible{
    opacity:1;
    transform:translateY(0);
}

.mvn-feature,
.mvn-training-grid article,
.mvn-service-grid div,
.mvn-security-card{
    position:relative;
    overflow:hidden;
}

.mvn-feature:after,
.mvn-training-grid article:after,
.mvn-service-grid div:after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:0;
    background:linear-gradient(
        115deg,
        transparent 20%,
        rgba(255,255,255,.2) 46%,
        transparent 70%
    );
    transform:translateX(-110%);
    transition:opacity .25s ease;
}

.mvn-feature:hover:after,
.mvn-training-grid article:hover:after,
.mvn-service-grid div:hover:after{
    opacity:1;
    animation:mvnCardShine .8s ease;
}

.mvn-feature-number{
    transition:transform .35s ease,box-shadow .35s ease;
}

.mvn-feature:hover .mvn-feature-number{
    transform:rotate(-7deg) scale(1.08);
    box-shadow:0 10px 22px rgba(5,45,40,.14);
}

.mvn-training-grid article{
    transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}

.mvn-training-grid article:hover{
    transform:translateY(-7px);
    border-color:#b9d8cd;
    box-shadow:0 22px 45px rgba(5,45,40,.11);
}

.mvn-training-grid article:nth-child(2):hover{
    transform:translateY(-18px);
}

.mvn-journey-grid article > span{
    transition:transform .35s ease,box-shadow .35s ease;
}

.mvn-journey-grid article:hover > span{
    transform:translateY(-5px) scale(1.08);
    box-shadow:0 13px 28px rgba(5,45,40,.2);
}

.mvn-button{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    transition:transform .25s ease,box-shadow .25s ease;
}

.mvn-button:after{
    content:"";
    position:absolute;
    z-index:-1;
    width:38px;
    height:140px;
    top:-45px;
    left:-65px;
    background:rgba(255,255,255,.5);
    transform:rotate(27deg);
    filter:blur(7px);
    transition:left .7s ease;
}

.mvn-button:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 34px rgba(0,0,0,.22);
}

.mvn-button:hover:after{
    left:125%;
}

.mvn-invitation-note span{
    animation:mvnStatusPulse 2.2s ease-in-out infinite;
}

@keyframes mvnAmbientOne{
    from{transform:translate3d(0,0,0) scale(1)}
    to{transform:translate3d(160px,90px,0) scale(1.18)}
}

@keyframes mvnAmbientTwo{
    from{transform:translate3d(0,0,0) scale(1)}
    to{transform:translate3d(-170px,110px,0) scale(.88)}
}

@keyframes mvnAmbientThree{
    from{transform:translate3d(0,0,0) scale(.9)}
    to{transform:translate3d(110px,-120px,0) scale(1.15)}
}

@keyframes mvnHeroGradient{
    from{background-position:0% 40%}
    to{background-position:100% 60%}
}

@keyframes mvnHeroSweep{
    to{transform:rotate(360deg)}
}

@keyframes mvnOrbitClockwise{
    to{transform:rotate(360deg)}
}

@keyframes mvnOrbitCounter{
    to{transform:rotate(-360deg)}
}

@keyframes mvnCenterFloat{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-10px)}
}

@keyframes mvnPulseRing{
    0%{opacity:.6;transform:scale(.92)}
    80%,100%{opacity:0;transform:scale(1.17)}
}

@keyframes mvnLogoGlow{
    0%,100%{box-shadow:0 0 0 rgba(141,209,75,0)}
    50%{box-shadow:0 0 28px rgba(141,209,75,.28)}
}

@keyframes mvnLogoShine{
    0%,56%{left:-52px}
    78%,100%{left:105px}
}


    50%{transform:translate3d(7px,-11px,0)}
}


    50%{transform:translate3d(-9px,9px,0)}
}


    50%{transform:translate3d(10px,7px,0)}
}


    50%{transform:translate3d(-8px,-10px,0)}
}

@keyframes mvnParticleRise{
    0%{
        opacity:0;
        transform:translate3d(0,20px,0) scale(.6);
    }
    12%{
        opacity:.65;
    }
    80%{
        opacity:.22;
    }
    100%{
        opacity:0;
        transform:translate3d(var(--mvn-drift,20px),-760px,0) scale(1.4);
    }
}

@keyframes mvnCardShine{
    from{transform:translateX(-110%)}
    to{transform:translateX(110%)}
}

@keyframes mvnStatusPulse{
    0%,100%{
        box-shadow:0 0 0 6px rgba(141,209,75,.12);
    }
    50%{
        box-shadow:0 0 0 11px rgba(141,209,75,.025);
    }
}

@media(max-width:820px){
    .mvn-parallax-glow{
        width:330px;
        height:330px;
        right:-80px;
    }
}

@media(prefers-reduced-motion:reduce){
    .mvn-home *,
    .mvn-home *:before,
    .mvn-home *:after{
        scroll-behavior:auto!important;
        animation-duration:.001ms!important;
        animation-iteration-count:1!important;
        transition-duration:.001ms!important;
    }

    .mvn-motion-ready .mvn-reveal{
        opacity:1;
        transform:none;
    }

    .mvn-particle-layer,
    .mvn-parallax-glow{
        display:none;
    }
}