:root { --ink:#091425; --muted:#6c7890; --paper:#f5f7fb; --line:rgba(16,34,62,.13); --blue:#5d78ff; --cyan:#61ddf3; --mint:#57e2bf; --night:#071120; --max:1240px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.mg-container { width:min(var(--max),calc(100% - 56px)); margin:0 auto; }
.skip-link { position:fixed; z-index:999; left:20px; top:-70px; padding:12px 17px; border-radius:12px; background:#fff; color:var(--ink); }
.skip-link:focus { top:20px; }
.mg-header { position:sticky; z-index:100; top:0; color:#fff; background:rgba(5,14,28,.94); border-bottom:1px solid rgba(148,185,255,.15); backdrop-filter:blur(18px); }
.mg-header__inner { min-height:82px; display:flex; align-items:center; gap:30px; }
.mg-brand { display:flex; align-items:center; gap:13px; flex:0 0 auto; }
.mg-brand__mark { position:relative; width:47px; height:47px; }
.mg-brand__mark i { position:absolute; width:21px; height:21px; border:1px solid rgba(90,211,255,.78); border-radius:6px; background:linear-gradient(135deg,#28cdeb,#6c65ff); transform:rotate(45deg); }
.mg-brand__mark i:nth-child(1) { left:13px; top:0; opacity:.35; }.mg-brand__mark i:nth-child(2) { right:0; top:13px; }.mg-brand__mark i:nth-child(3) { left:13px; bottom:0; opacity:.45; }.mg-brand__mark i:nth-child(4) { left:0; top:13px; }
.mg-brand__mark b { position:absolute; z-index:1; left:13px; top:13px; width:21px; height:21px; display:grid; place-items:center; border-radius:6px; background:#08111f; color:#fff; font-size:18px; }
.mg-brand__copy { display:grid; line-height:1; }.mg-brand__copy strong { font-size:21px; letter-spacing:-.035em; }.mg-brand__copy em { color:var(--cyan); font-style:normal; }.mg-brand__copy small { margin-top:7px; color:#93a3bd; font-size:9px; font-weight:800; letter-spacing:.19em; text-transform:uppercase; }
.mg-nav { display:flex; align-items:center; gap:25px; margin-left:auto; color:#b9c4d5; font-size:14px; font-weight:700; }.mg-nav a { transition:color .2s ease; }.mg-nav a:hover,.mg-nav a[aria-current="page"] { color:#fff; }
.mg-header__cta { display:inline-flex; align-items:center; gap:12px; min-height:47px; padding:0 19px; border-radius:99px; background:#fff; color:var(--ink); font-size:13px; font-weight:800; }.mg-header__cta span { color:var(--blue); font-size:18px; }
.mg-hero { position:relative; overflow:hidden; color:#fff; background:radial-gradient(circle at 88% 15%,rgba(93,120,255,.52),transparent 28%),radial-gradient(circle at 65% 85%,rgba(74,222,194,.16),transparent 27%),linear-gradient(135deg,#06101e,#0a1731 55%,#162b5e); }
.mg-hero::before { content:""; position:absolute; inset:0; opacity:.16; background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px); background-size:58px 58px; mask-image:linear-gradient(90deg,transparent,#000 45%,transparent); }
.mg-orbit { position:absolute; width:640px; height:640px; border:1px solid rgba(127,167,255,.22); border-radius:50%; }.mg-orbit--one { right:-350px; top:-310px; }.mg-orbit--two { right:-120px; bottom:-530px; width:780px; height:780px; border-color:rgba(94,224,206,.12); }
.mg-hero__inner { position:relative; min-height:650px; display:grid; grid-template-columns:1.06fr .94fr; align-items:center; gap:78px; padding:84px 0 76px; }
.mg-crumbs { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:28px; color:#99a9c3; font-size:12px; }.mg-crumbs a:hover { color:#fff; }.mg-crumbs span:last-child { color:#7687a5; }
.mg-eyebrow,.mg-kicker { display:inline-flex; align-items:center; gap:10px; color:#66e3f4; font-size:11px; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }.mg-eyebrow i { width:8px; height:8px; border-radius:50%; background:var(--mint); box-shadow:0 0 0 7px rgba(87,226,191,.12); }
.mg-hero h1 { max-width:740px; margin:24px 0 24px; font-size:clamp(50px,5.7vw,82px); line-height:.96; letter-spacing:-.06em; }.mg-hero h1 em { color:transparent; font-style:normal; background:linear-gradient(90deg,#6ee8f6,#8497ff); background-clip:text; -webkit-background-clip:text; }
.mg-hero__copy > p { max-width:660px; margin:0; color:#bbc8dc; font-size:19px; line-height:1.64; }
.mg-hero__actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:34px; }.mg-button { min-height:54px; display:inline-flex; align-items:center; justify-content:center; gap:13px; padding:0 22px; border-radius:16px; font-size:14px; font-weight:850; transition:transform .2s,box-shadow .2s; }.mg-button:hover { transform:translateY(-2px); }.mg-button--primary { background:#fff; color:var(--ink); box-shadow:0 14px 35px rgba(0,0,0,.18); }.mg-button--primary span,.mg-button--white span { color:var(--blue); font-size:19px; }.mg-button--ghost { color:#dbe5f7; border:1px solid rgba(255,255,255,.25); }
.mg-hero__facts { display:flex; gap:28px; margin:43px 0 0; padding:0; list-style:none; }.mg-hero__facts li { display:grid; gap:5px; }.mg-hero__facts strong { font-size:25px; }.mg-hero__facts span { color:#91a3be; font-size:12px; }
.mg-dashboard { position:relative; overflow:hidden; max-width:510px; justify-self:end; padding:1px; border-radius:28px; background:linear-gradient(145deg,rgba(154,206,255,.6),rgba(154,206,255,.05) 43%,rgba(97,226,194,.5)); box-shadow:0 38px 90px rgba(0,0,0,.32); }.mg-dashboard::before { content:""; position:absolute; inset:1px; z-index:0; border-radius:27px; background:linear-gradient(145deg,rgba(20,38,71,.98),rgba(5,16,33,.98)); }
.mg-dashboard > * { position:relative; z-index:1; }.mg-dashboard__top { display:flex; align-items:center; gap:8px; min-height:48px; padding:0 18px; border-bottom:1px solid rgba(255,255,255,.12); color:#93a6c6; font:12px ui-monospace,SFMono-Regular,Menlo,monospace; }.mg-dashboard__top span { margin-right:auto; }.mg-dashboard__top i { width:8px; height:8px; border-radius:50%; background:#6e87b0; }.mg-dashboard__top i:nth-child(2) { background:#78e5c8; }.mg-dashboard__headline { padding:34px 34px 25px; }.mg-dashboard__headline span { display:block; color:#79ddf0; font-size:11px; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }.mg-dashboard__headline strong { display:block; margin-top:14px; font-size:30px; line-height:1.03; letter-spacing:-.045em; }
.mg-dashboard__grid { display:grid; grid-template-columns:repeat(2,1fr); gap:11px; padding:0 20px 22px; }.mg-dashboard__grid div { display:grid; gap:9px; min-height:126px; padding:18px; border:1px solid rgba(137,168,225,.2); border-radius:17px; background:rgba(255,255,255,.045); }.mg-dashboard__grid span { color:#aab8d1; font-size:11px; font-weight:800; }.mg-dashboard__grid b { color:#fff; font-size:26px; }.mg-dashboard__grid small { color:#6ee7c6; font-size:11px; }.mg-dashboard__line { display:flex; align-items:center; gap:11px; padding:20px 25px 24px; border-top:1px solid rgba(255,255,255,.1); color:#bdd0e8; font-size:11px; font-weight:800; }.mg-dashboard__line i { flex:1; height:1px; background:linear-gradient(90deg,#55c9f0,#78e5c8); }
.mg-section { padding:112px 0; }.mg-intro { background:#fff; }.mg-intro__grid,.mg-results__grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:110px; align-items:start; }.mg-kicker { color:#526ee7; }.mg-kicker--light { color:#75e7f6; }.mg-section h2 { max-width:720px; margin:17px 0 0; font-size:clamp(39px,4.35vw,64px); line-height:1; letter-spacing:-.056em; }.mg-intro__text { max-width:640px; color:#59687e; font-size:18px; line-height:1.7; }.mg-intro__text p { margin:0 0 20px; }
.mg-for { background:#edf2fa; }.mg-section__head { display:flex; align-items:end; justify-content:space-between; gap:36px; margin-bottom:43px; }.mg-section__head > p { max-width:390px; margin:0; color:var(--muted); font-size:16px; line-height:1.65; }.mg-for__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }.mg-for__grid article { min-height:252px; padding:25px; border:1px solid var(--line); border-radius:23px; background:#fff; }.mg-for__grid span,.mg-format__number { color:#526ee7; font-size:12px; font-weight:900; letter-spacing:.14em; }.mg-for__grid h3 { margin:42px 0 10px; font-size:22px; letter-spacing:-.035em; }.mg-for__grid p { margin:0; color:var(--muted); font-size:14px; line-height:1.6; }
.mg-program { color:#fff; background:radial-gradient(circle at 85% 5%,rgba(79,104,234,.4),transparent 27%),#081426; }.mg-program__head > p { color:#a6b6ce; }.mg-modules { margin:0; padding:0; list-style:none; border-top:1px solid rgba(255,255,255,.17); }.mg-modules li { display:grid; grid-template-columns:100px minmax(0,1fr) 215px; gap:28px; padding:35px 0; border-bottom:1px solid rgba(255,255,255,.17); }.mg-modules__number { color:#71ddf0; font-size:14px; font-weight:900; }.mg-modules__label { color:#8295b4; font-size:11px; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }.mg-modules h3 { max-width:640px; margin:10px 0 12px; font-size:28px; line-height:1.14; letter-spacing:-.04em; }.mg-modules p { max-width:710px; margin:0; color:#aab9ce; font-size:15px; line-height:1.65; }.mg-modules ul { display:flex; flex-wrap:wrap; align-content:start; gap:7px; margin:0; padding:0; list-style:none; }.mg-modules li li { display:block; padding:8px 11px; border:1px solid rgba(160,186,229,.27); border-radius:99px; color:#cfdbeb; font-size:11px; }
.mg-results { background:#fff; }.mg-results__grid { align-items:center; }.mg-results__grid p { max-width:590px; margin:23px 0 27px; color:var(--muted); font-size:17px; line-height:1.68; }.mg-text-link { display:inline-flex; gap:9px; color:#3d5bdb; font-size:14px; font-weight:850; }.mg-results__card { padding:32px; border-radius:26px; color:#fff; background:linear-gradient(145deg,#18295c,#0b1a36); box-shadow:0 25px 65px rgba(15,30,70,.18); }.mg-results__label { color:#6ee6f2; font-size:11px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }.mg-results__card ul { display:grid; gap:13px; margin:25px 0 0; padding:0; list-style:none; }.mg-results__card li { display:flex; align-items:center; gap:14px; padding:14px 0; border-top:1px solid rgba(255,255,255,.13); }.mg-results__card b { width:27px; height:27px; display:grid; place-items:center; border-radius:50%; background:rgba(100,225,229,.15); color:#6fe4f2; font-size:11px; }.mg-results__card li span { font-size:15px; font-weight:700; }
.mg-formats { background:#edf2fa; }.mg-format__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.mg-format__grid article { display:flex; flex-direction:column; min-height:390px; padding:30px; border:1px solid var(--line); border-radius:26px; background:#fff; }.mg-format__grid h3 { margin:39px 0 12px; font-size:29px; letter-spacing:-.05em; }.mg-format__grid p { margin:0; color:var(--muted); font-size:15px; line-height:1.6; }.mg-format__grid ul { display:grid; gap:9px; margin:24px 0 25px; padding:0; list-style:none; color:#30455f; font-size:13px; }.mg-format__grid li::before { content:"✓"; margin-right:9px; color:#16a77d; font-weight:900; }.mg-format__grid a { margin-top:auto; color:#3f60df; font-size:13px; font-weight:850; }.mg-format__grid .mg-format__featured { border-color:#1b2d5e; color:#fff; background:linear-gradient(145deg,#172a60,#0a1832); }.mg-format__featured .mg-format__number,.mg-format__featured > b { color:#71e1f1; }.mg-format__featured > b { margin-top:17px; font-size:10px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }.mg-format__featured h3 { margin-top:20px; }.mg-format__featured p { color:#b7c5d9; }.mg-format__featured ul { color:#dee8f8; }.mg-format__featured li::before { color:#75e6c4; }.mg-format__featured a { color:#fff; }
.mg-library { background:#fff; }.mg-library__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }.mg-library__grid a { display:flex; flex-direction:column; min-height:278px; padding:25px; border:1px solid var(--line); border-radius:23px; background:#fff; transition:transform .2s,box-shadow .2s; }.mg-library__grid a:hover { transform:translateY(-5px); box-shadow:0 20px 48px rgba(20,37,72,.12); }.mg-library__grid span { color:#526ee7; font-size:11px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }.mg-library__grid h3 { margin:19px 0 12px; font-size:21px; line-height:1.13; letter-spacing:-.035em; }.mg-library__grid p { margin:0; color:var(--muted); font-size:13px; line-height:1.55; }.mg-library__grid b { margin-top:auto; padding-top:20px; color:#3d5bdb; font-size:12px; }
.mg-request { position:relative; overflow:hidden; padding:94px 0; color:#fff; background:radial-gradient(circle at 90% 45%,rgba(97,220,235,.26),transparent 25%),linear-gradient(120deg,#091325,#1d3261); }.mg-request::before { content:""; position:absolute; inset:0; opacity:.14; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size:55px 55px; }.mg-request__inner { position:relative; display:grid; grid-template-columns:1fr auto; align-items:center; gap:70px; }.mg-request h2 { margin:16px 0; font-size:clamp(39px,4vw,58px); line-height:1; letter-spacing:-.055em; }.mg-request p { max-width:720px; margin:0; color:#b6c5d9; font-size:17px; line-height:1.65; }.mg-request__actions { display:grid; justify-items:start; gap:17px; }.mg-button--white { background:#fff; color:var(--ink); }.mg-request__actions small { color:#a6b8d0; font-size:12px; line-height:1.55; }
.mg-faq { background:#fff; }.mg-faq__grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:95px; }.mg-faq details { border-top:1px solid var(--line); }.mg-faq details:last-child { border-bottom:1px solid var(--line); }.mg-faq summary { position:relative; padding:23px 34px 23px 0; cursor:pointer; font-size:18px; font-weight:800; list-style:none; }.mg-faq summary::after { content:"+"; position:absolute; right:3px; color:#4868e5; font-size:23px; }.mg-faq details[open] summary::after { content:"−"; }.mg-faq details p { margin:0; padding:0 36px 24px 0; color:var(--muted); font-size:15px; line-height:1.65; }
.mg-footer { padding:43px 0 29px; color:#aab7ca; background:#06101e; }.mg-footer__inner { display:grid; grid-template-columns:auto 1.5fr auto auto; align-items:center; gap:45px; }.mg-footer p { max-width:350px; margin:0; color:#74849b; font-size:13px; line-height:1.55; }.mg-footer nav { display:flex; gap:18px; font-size:13px; }.mg-footer nav a:hover { color:#fff; }.mg-footer__inner > span { color:#65758b; font-size:12px; white-space:nowrap; }
@media (max-width:1050px) { .mg-nav { gap:15px; font-size:12px; }.mg-header__cta { padding:0 14px; }.mg-hero__inner { gap:45px; }.mg-for__grid,.mg-library__grid { grid-template-columns:repeat(2,1fr); }.mg-modules li { grid-template-columns:70px minmax(0,1fr); }.mg-modules li > ul { grid-column:2; }.mg-footer__inner { grid-template-columns:auto 1fr; }.mg-footer nav { justify-self:end; } }
@media (max-width:780px) { .mg-container { width:min(100% - 32px,var(--max)); }.mg-header__inner { min-height:72px; }.mg-nav { display:none; }.mg-header__cta { margin-left:auto; min-height:42px; font-size:12px; }.mg-hero__inner { min-height:auto; grid-template-columns:1fr; padding:62px 0 52px; }.mg-dashboard { width:100%; max-width:540px; justify-self:start; }.mg-hero__facts { gap:18px; }.mg-section { padding:77px 0; }.mg-intro__grid,.mg-results__grid,.mg-faq__grid { grid-template-columns:1fr; gap:36px; }.mg-section__head,.mg-request__inner { align-items:start; flex-direction:column; }.mg-section__head { display:flex; }.mg-for__grid { grid-template-columns:repeat(2,1fr); }.mg-format__grid { grid-template-columns:1fr; }.mg-format__grid article { min-height:315px; }.mg-request__inner { display:grid; grid-template-columns:1fr; }.mg-footer__inner { grid-template-columns:1fr; gap:22px; }.mg-footer nav { justify-self:start; flex-wrap:wrap; } }
@media (max-width:520px) { .mg-container { width:min(100% - 24px,var(--max)); }.mg-brand__mark { width:39px; height:39px; transform:scale(.84); transform-origin:left center; margin-right:-6px; }.mg-brand__copy strong { font-size:18px; }.mg-header__cta { padding:0 12px; }.mg-header__cta span { display:none; }.mg-hero h1 { font-size:48px; }.mg-hero__copy > p { font-size:16px; }.mg-hero__facts { gap:16px; }.mg-hero__facts strong { font-size:21px; }.mg-hero__facts span { font-size:10px; }.mg-dashboard__headline { padding:27px 25px 21px; }.mg-dashboard__headline strong { font-size:26px; }.mg-dashboard__grid { padding:0 13px 16px; gap:8px; }.mg-dashboard__grid div { min-height:110px; padding:14px; }.mg-section h2 { font-size:39px; }.mg-intro__text { font-size:16px; }.mg-for__grid,.mg-library__grid { grid-template-columns:1fr; }.mg-for__grid article { min-height:200px; }.mg-for__grid h3 { margin-top:25px; }.mg-modules li { grid-template-columns:1fr; gap:13px; padding:28px 0; }.mg-modules li > ul { grid-column:auto; }.mg-modules h3 { font-size:24px; }.mg-modules p { font-size:14px; }.mg-library__grid a { min-height:230px; }.mg-request { padding:70px 0; }.mg-faq summary { font-size:16px; } }