:root{--mei-blue:#0d47a1;--mei-blue-2:#1565c0;--mei-cyan:#00b8d4;--mei-ink:#263238;--mei-navy:#03172d;--mei-pale:#f3f7fa}.mei-landing{min-height:100vh;background:#fff;color:var(--mei-ink);font-family:Inter,Arial,sans-serif}.landing-nav{height:82px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;background:#fff;border-bottom:1px solid #e5edf2}.mei-logo{display:flex;flex-direction:column;text-decoration:none;line-height:1}.mei-word{font-size:34px;font-weight:900;letter-spacing:-4px;color:var(--mei-blue)}.mei-word i{font-style:normal;color:var(--mei-cyan)}.mei-bars{color:var(--mei-blue-2);display:inline-block;transform:scaleX(1.15);margin:0 2px}.mei-logo small{font-size:8px;text-transform:uppercase;letter-spacing:1.35px;color:#567080;margin-top:5px}.landing-links{display:flex;gap:34px}.landing-links a{color:#415b6b;text-decoration:none;font-size:14px;font-weight:700}.landing-links a:hover{color:var(--mei-blue-2)}.landing-login,.landing-primary,.landing-secondary{border:0;border-radius:8px;padding:13px 21px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:14px}.landing-login,.landing-primary{background:linear-gradient(110deg,var(--mei-blue),var(--mei-cyan));color:#fff}.landing-login:hover,.landing-primary:hover{filter:brightness(1.07);transform:translateY(-1px)}.landing-hero{min-height:650px;padding:72px clamp(24px,7vw,110px);display:grid;grid-template-columns:minmax(380px,.88fr) minmax(450px,1.12fr);gap:8vw;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 82% 22%,rgba(0,184,212,.17),transparent 29%),linear-gradient(122deg,#031326,#062443 65%,#073353);color:#fff}.landing-hero:before{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(0,184,212,.16);border-radius:50%;left:-220px;bottom:-260px}.landing-kicker,.section-heading>p,.client-section p{text-transform:uppercase;letter-spacing:2.2px;font-weight:800;font-size:12px;color:#33d5e7}.hero-copy{position:relative;z-index:1}.hero-copy h1{font-size:clamp(48px,5.5vw,82px);letter-spacing:-4px;line-height:.98;margin:18px 0 26px;font-weight:850}.hero-copy h1 span{color:#24cfcc}.hero-copy>p:not(.landing-kicker){color:#bfd1dd;line-height:1.7;font-size:17px;max-width:620px}.hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.landing-secondary{background:transparent;border:1px solid #547189;color:#fff}.hero-tags{display:flex;align-items:center;gap:15px;margin-top:45px;color:#7ea2ba;font-size:12px;text-transform:uppercase;letter-spacing:1.2px}.hero-tags i{width:4px;height:4px;border-radius:50%;background:var(--mei-cyan)}.hero-console{position:relative;background:rgba(5,25,48,.85);border:1px solid rgba(86,205,225,.25);box-shadow:0 35px 80px #0007;border-radius:18px;padding:20px;transform:perspective(1200px) rotateY(-4deg)}.console-head{height:48px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #26445e}.mini-logo{background:linear-gradient(135deg,var(--mei-blue-2),var(--mei-cyan));border-radius:9px;padding:9px;font-weight:900}.console-head>span{font-weight:800}.console-head small{margin-left:auto;color:#36e2c3;font-weight:800}.console-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin:18px 0}.console-main,.console-side>div{background:#0d2b45;border:1px solid #183d5a;border-radius:12px;padding:20px}.console-main p,.console-main span,.console-side small{color:#8ca9bc;font-size:12px}.console-main strong{display:block;font-size:38px;margin:8px 0}.console-chart{height:150px;display:flex;align-items:flex-end;gap:8px;margin-top:17px}.console-chart i{flex:1;background:linear-gradient(var(--mei-cyan),var(--mei-blue-2));border-radius:4px 4px 0 0}.console-side{display:grid;gap:14px}.console-side span{color:#50e8de;font-weight:900}.console-side strong{display:block;font-size:25px;margin:8px 0}.console-side .a6 span{color:#ffbd70}.console-flow{display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:10px;padding:15px;background:#092238;color:#a8c0cf;font-size:11px}.console-flow b{color:#fff;font-size:18px}.console-flow i{color:var(--mei-cyan)}.operation-strip{display:flex;justify-content:center;gap:clamp(30px,8vw,120px);padding:20px;background:#06101e;color:#7795aa;font-size:11px;letter-spacing:2px}.landing-section{padding:95px clamp(24px,7vw,110px)}.section-heading{max-width:760px}.section-heading h2,.client-section h2{font-size:clamp(34px,4vw,54px);line-height:1.05;letter-spacing:-2px;margin:12px 0 20px;color:#092039}.section-heading>span,.client-section span{color:#647a89;line-height:1.7}.benefit-grid,.program-grid,.values-grid{display:grid;gap:18px;margin-top:55px}.benefit-grid{grid-template-columns:repeat(3,1fr)}.benefit-grid article{border:1px solid #dce7ed;padding:30px;border-radius:14px;box-shadow:0 14px 40px #193d5610}.benefit-grid i,.program-grid i,.values-grid i{font-style:normal;color:var(--mei-blue-2);font-size:28px}.benefit-grid h3{margin:22px 0 10px;color:#10283d}.benefit-grid p,.program-grid p{color:#69808e;line-height:1.55;font-size:14px}.programs-section{background:#071b31}.section-heading.light h2{color:#fff}.section-heading.light>span{color:#8daabe}.program-grid{grid-template-columns:repeat(3,1fr)}.program-grid article{position:relative;padding:28px;border:1px solid #234058;border-radius:14px;color:#fff;background:#0b263e}.program-grid article.featured{border-color:#08b8d3;background:linear-gradient(145deg,#0c3150,#07566b)}.program-grid h3{margin:18px 0 7px}.program-grid b{position:absolute;right:18px;top:18px;font-size:9px;color:#41e3df;letter-spacing:1px}.values-grid{grid-template-columns:repeat(4,1fr)}.values-grid div{display:flex;flex-direction:column;gap:13px;padding:16px}.values-grid b{text-transform:uppercase;color:#0d47a1}.values-grid span{font-size:13px;color:#6f818c;line-height:1.5}.client-section{margin:0 clamp(24px,7vw,110px) 95px;padding:48px 55px;border-radius:16px;background:#eef6fa;display:flex;align-items:center;justify-content:space-between;gap:30px}.client-section h2{font-size:34px;margin:10px 0}.client-section .landing-primary{white-space:nowrap}.landing-footer{padding:55px clamp(24px,7vw,110px);background:#030e1d;color:#fff;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;align-items:start}.light-logo .mei-word{color:#fff}.landing-footer>div{display:flex;flex-direction:column;gap:9px}.landing-footer>div span,.landing-footer>small{color:#7792a5;font-size:12px}.landing-footer>small{grid-column:1/-1;border-top:1px solid #1b3043;padding-top:24px}.back-home{position:absolute;top:-55px;left:0;border:0;background:transparent;color:#58707e;font-weight:700;cursor:pointer}.login-card{position:relative}
@media(max-width:980px){.landing-links{display:none}.landing-hero{grid-template-columns:1fr;padding-top:60px}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-tags{justify-content:center}.hero-console{max-width:680px;margin:auto;transform:none}.benefit-grid{grid-template-columns:1fr}.program-grid{grid-template-columns:repeat(2,1fr)}.values-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.landing-nav{height:70px;padding:0 18px}.mei-word{font-size:29px}.landing-login{padding:11px 15px}.landing-hero{grid-template-columns:1fr;padding:52px 20px}.hero-copy h1{font-size:45px;letter-spacing:-2.5px}.hero-actions>*{width:100%;justify-content:center}.hero-tags{gap:9px;font-size:9px}.hero-console{padding:12px}.console-grid{grid-template-columns:1fr}.console-side{grid-template-columns:1fr 1fr}.console-chart{height:90px}.console-flow span,.console-flow i{display:none}.operation-strip{overflow:auto;justify-content:flex-start}.landing-section{padding:70px 20px}.program-grid,.values-grid{grid-template-columns:1fr}.client-section{margin:0 20px 70px;padding:32px 25px;align-items:flex-start;flex-direction:column}.landing-footer{grid-template-columns:1fr;padding:45px 24px}.landing-footer>small{grid-column:auto}}

/* Official MEI brand kit */
.mei-logo-image{display:block;width:245px;height:auto;max-height:68px;object-fit:contain;object-position:left center}.footer-logo-image{width:285px;max-height:95px}.official-icon{display:block;width:42px;height:42px;object-fit:contain}.sidebar-official-icon{width:45px;height:45px;flex:0 0 45px}.login-official-icon{width:86px;height:86px;position:relative;z-index:1}.login-art>.login-official-icon+div{position:relative;z-index:1}.mobile-brand .official-icon{width:48px;height:48px}.brand .official-icon+div{min-width:0}.brand .official-icon+div small{white-space:nowrap}.mini-logo{background-image:url('../brand/mei-icon.png');background-size:contain;background-position:center;background-repeat:no-repeat;width:38px;height:38px;overflow:hidden;text-indent:-999px;padding:0}
@media(max-width:620px){.mei-logo-image{width:178px;max-height:55px}.footer-logo-image{width:235px}.landing-nav .mei-logo{max-width:185px}.sidebar-official-icon{width:42px;height:42px}}

.contact-section {
  background: #f7f9fc;
}

.contact-grid {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 48px;
  max-width: 1100px;
  margin: 36px auto 0;
}

.contact-info {
  display: grid;
  gap: 20px;
}

.contact-info > div {
  background: #ffffff;
  border: 1px solid #e4e9f0;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 8px 24px rgba(13, 71, 161, 0.06);
}

.contact-info b {
  display: block;
  color: #0b3d91;
  font-size: 0.95rem;
  margin-bottom: 8px;
}

.contact-info span {
  color: #263238;
  font-size: 1rem;
}

.contact-form {
  background: #ffffff;
  border: 1px solid #e4e9f0;
  border-radius: 18px;
  padding: 28px;
  display: grid;
  gap: 14px;
  box-shadow: 0 10px 28px rgba(13, 71, 161, 0.07);
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  border: 1px solid #d9e0e8;
  border-radius: 10px;
  padding: 13px 14px;
  font: inherit;
  background: #f8fafc;
  color: #263238;
  box-sizing: border-box;
}

.contact-form textarea {
  resize: vertical;
}

.contact-form button {
  border: 0;
  border-radius: 10px;
  padding: 13px 18px;
  font-weight: 700;
  background: linear-gradient(135deg, #0b3d91, #00aeef);
  color: #ffffff;
  cursor: not-allowed;
  opacity: 0.65;
}

.contact-form small {
  color: #7b8794;
  font-size: 0.82rem;
}

@media (max-width: 820px) {
  .contact-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

.contact-info a {
  color: #263238;
  font-size: 1rem;
  text-decoration: none;
  transition: color 0.2s ease;
}

.contact-info a:hover {
  color: #0b3d91;
}