:root{
  --mch-deep:#03101d;
  --mch-deep2:#07192a;
  --mch-deep3:#0b2238;
  --mch-gold:#e7b24d;
  --mch-gold-soft:#f0c770;
  --mch-white:#f6f7f8;
  --mch-muted:#aeb8c5;
  --mch-line:rgba(168,188,208,.36);
}

*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--mch-deep)}
html{margin-top:0!important}
body.mch-login-page{
  min-height:100vh;
  color:var(--mch-white);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  overflow-x:hidden;
}

/* PHOTOGRAPHIC LAYER: only the statue crop is an image asset. */
.mch-login-bg{
  position:fixed;inset:0;z-index:0;overflow:hidden;
  background:
    linear-gradient(90deg,#071521 0%,#081a2a 36%,#06172a 63%,#03111f 100%);
}
.mch-login-bg-photo{
  position:absolute;left:0;top:0;bottom:0;width:31vw;min-width:455px;
  background:url("../images/mch-statue.webp") 42% 36%/cover no-repeat;
}
.mch-login-bg-photo:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,0) 64%,rgba(5,18,31,.18) 82%,rgba(5,18,31,.62) 100%);
}
.mch-login-bg-architecture{
  position:absolute;inset:0 0 0 28vw;
  opacity:.9;
  background:
    linear-gradient(90deg,rgba(6,22,37,.76),rgba(4,18,33,.62)),
    repeating-linear-gradient(90deg,
      transparent 0 8%,
      rgba(255,255,255,.025) 8% 9%,
      transparent 9% 18%);
}
.mch-login-bg-light{position:absolute;border-radius:50%;filter:blur(12px);opacity:.46}
.mch-light-a{width:85px;height:85px;left:44%;top:23%;background:radial-gradient(circle,#ffcb68 0 7%,#b66f18 8% 20%,transparent 62%)}
.mch-light-b{width:110px;height:110px;left:53%;bottom:22%;background:radial-gradient(circle,#ffd37a 0 6%,#9f621c 8% 20%,transparent 62%)}
.mch-light-c{width:90px;height:90px;right:18%;top:10%;background:radial-gradient(circle,#ffcf73 0 6%,#aa681f 8% 20%,transparent 62%)}

/* HEADER */
.mch-login-header{
  position:relative;z-index:3;
  height:112px;padding:28px 5.4vw 0;
  display:flex;align-items:flex-start;justify-content:space-between;
}
.mch-login-brand{display:flex;align-items:center;gap:20px}
.mch-brand-emblem{
  width:65px;height:65px;fill:none;stroke:var(--mch-gold);stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;
}
.mch-login-brand>div{display:flex;flex-direction:column;gap:6px}
.mch-login-brand strong{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:31px;line-height:1;letter-spacing:.015em;font-weight:600;color:#f7f7f6;
}
.mch-login-brand span{
  font-size:11px;letter-spacing:.33em;color:#b7c0ca;
}
.mch-login-language{display:flex;align-items:flex-start;gap:13px;padding-top:8px}
.mch-login-language button{
  border:0;background:transparent;color:#ced6df;font:600 14px/1 Inter,sans-serif;
  padding:0 0 10px;cursor:pointer;border-bottom:2px solid transparent
}
.mch-login-language button.is-active{color:#fff;border-bottom-color:var(--mch-gold)}
.mch-login-language>span{width:1px;height:15px;background:rgba(255,255,255,.25)}

/* MAIN */
.mch-login-main{
  position:relative;z-index:2;
  min-height:calc(100vh - 250px);
  display:grid;
  grid-template-columns:minmax(390px,33vw) minmax(500px,1fr) minmax(390px,30vw);
  padding:18px 5.4vw 20px;
}
.mch-login-hero{
  grid-column:2;
  display:flex;align-items:center;
  padding:28px 4vw 35px 4.4vw;
}
.mch-login-hero-copy{max-width:610px}
.mch-login-hero h1{
  margin:0;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(43px,4.1vw,68px);
  line-height:.95;
  font-weight:500;
  letter-spacing:-.02em;
}
.mch-login-hero h1 span,.mch-login-hero h1 strong{display:block}
.mch-login-hero h1 span{color:#fff;font-weight:500}
.mch-login-hero h1 strong{margin-top:8px;color:var(--mch-gold-soft);font-weight:600}
.mch-login-hero>div>p{
  margin:24px 0 32px;max-width:560px;
  color:#d1d6dd;font-size:18px;line-height:1.5
}
.mch-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 44px}
.mch-feature{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:center}
.mch-feature-svg{
  width:40px;height:40px;fill:none;stroke:var(--mch-gold);
  stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round
}
.mch-feature>div{display:flex;flex-direction:column;gap:3px}
.mch-feature b{font-size:14px;font-weight:500;color:#fff}
.mch-feature span{font-size:13px;color:#b8c1cc}

/* LOGIN CARD */
.mch-signin-column{
  grid-column:3;
  display:flex;align-items:center;justify-content:flex-end;
  padding:14px 0 35px 2vw;
}
.mch-signin-panel{
  width:min(100%,475px);
  padding:38px 40px 31px;
  border:1px solid rgba(161,182,204,.42);
  border-radius:17px;
  background:linear-gradient(180deg,rgba(5,20,38,.96),rgba(4,16,31,.98));
  box-shadow:0 24px 70px rgba(0,0,0,.25);
}
.mch-signin-copy h2{
  margin:0 0 7px;
  font:600 44px/.98 "Cormorant Garamond",Georgia,serif;
}
.mch-signin-copy p{margin:0 0 28px;color:#b6c0cd;font-size:15px}
.mch-login-error{
  margin:-10px 0 18px;padding:10px 12px;
  border:1px solid rgba(238,120,110,.42);border-radius:8px;
  background:rgba(135,39,31,.18);color:#ffd4d0;font-size:12px
}
.mch-login-field{display:block;margin-bottom:20px}
.mch-login-field>span:first-child{display:block;margin-bottom:9px;color:#eef2f6;font-size:13px;font-weight:600}
.mch-input-shell{
  height:52px;display:flex;align-items:center;position:relative;
  border:1px solid rgba(160,181,202,.52);border-radius:8px;
  background:rgba(10,28,46,.72);
  transition:.18s ease
}
.mch-input-shell:focus-within{
  border-color:rgba(231,178,77,.86);
  box-shadow:0 0 0 3px rgba(231,178,77,.08)
}
.mch-input-icon{
  width:21px;height:21px;margin:0 13px 0 15px;
  fill:none;stroke:#f2f5f8;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round
}
.mch-input-shell input{
  flex:1;height:100%;min-width:0;border:0;outline:0;background:transparent;
  color:#fff;font:400 14px Inter,sans-serif;padding:0 43px 0 0
}
.mch-input-shell input::placeholder{color:#7f8da0}
.mch-password-toggle{
  position:absolute;right:10px;top:50%;transform:translateY(-50%);
  width:36px;height:36px;border:0;background:transparent;color:#fff;cursor:pointer;padding:7px
}
.mch-password-toggle svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6}
.mch-login-options{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin:1px 0 27px
}
.mch-remember{display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer}
.mch-remember input{position:absolute;opacity:0}
.mch-checkbox-ui{width:21px;height:21px;border:2px solid #e7ebef;border-radius:4px;position:relative}
.mch-remember input:checked+.mch-checkbox-ui{background:var(--mch-gold);border-color:var(--mch-gold)}
.mch-remember input:checked+.mch-checkbox-ui:after{
  content:"";position:absolute;left:5px;top:1px;width:6px;height:11px;
  border:solid #061321;border-width:0 2px 2px 0;transform:rotate(45deg)
}
.mch-login-options a{color:var(--mch-gold);text-decoration:none;font-size:13px}
.mch-login-options a:hover{text-decoration:underline}
.mch-signin-button{
  width:100%;height:60px;border:0;border-radius:9px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:22px;
  background:linear-gradient(90deg,#ffd369,#dba348);
  color:#08131f;font:800 17px/1 Inter,sans-serif;letter-spacing:.02em
}
.mch-signin-button svg{width:26px;height:26px;fill:none;stroke:#08131f;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mch-login-security{
  margin-top:31px;padding-top:23px;border-top:1px solid rgba(157,177,199,.30);
  display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:center
}
.mch-login-security>svg{width:29px;height:29px;fill:none;stroke:var(--mch-gold);stroke-width:1.4}
.mch-login-security div{display:flex;flex-direction:column;gap:4px}
.mch-login-security strong{font-size:11px;color:#cbd3dc;font-weight:500}
.mch-login-security span{font-size:10px;color:#8e9aaa}

/* FOOTER */
.mch-login-footer{
  position:relative;z-index:4;
  width:100%;
  margin:0;
  padding:20px 5.4vw 16px;
  border-top:1px solid rgba(231,178,77,.46);
  background:rgba(2,12,22,.94);
  backdrop-filter:blur(8px)
}
.mch-footer-values{
  display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr 1px 1fr;
  align-items:center;gap:32px;padding-bottom:17px
}
.mch-footer-values>i{height:50px;background:rgba(231,178,77,.50)}
.mch-footer-values>div{
  display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:center
}
.mch-footer-values .mch-feature-svg{
  width:42px;height:42px;justify-self:center
}
.mch-footer-values>div>div{display:flex;flex-direction:column;gap:4px}
.mch-footer-values strong{
  font:600 16px/1 "Cormorant Garamond",Georgia,serif;
  letter-spacing:.11em;color:#c4cad2
}
.mch-footer-values span{font-size:11px;color:#99a5b3;line-height:1.35}
.mch-footer-bottom{
  padding-top:14px;border-top:1px solid rgba(199,211,223,.16);
  display:flex;justify-content:space-between;gap:25px;color:#7f8a98;font-size:10px
}
.mch-footer-bottom>div{display:flex;gap:14px}
.mch-footer-bottom a{color:#7f8a98;text-decoration:none}

body.mch-login-page #wpadminbar{display:none!important}

/* RESPONSIVE */
@media(max-width:1250px){
  .mch-login-main{grid-template-columns:minmax(310px,30vw) minmax(420px,1fr) minmax(360px,34vw)}
  .mch-login-hero{padding-left:3vw;padding-right:3vw}
  .mch-feature-grid{gap:17px 28px}
}
@media(max-width:980px){
  body.mch-login-page{overflow:auto}
  .mch-login-bg-photo{width:100%;min-width:0;opacity:.38;background-position:left center}
  .mch-login-bg-photo:after{background:rgba(3,15,27,.58)}
  .mch-login-header{height:auto;padding:22px}
  .mch-login-brand strong{font-size:24px}.mch-login-brand span{font-size:9px}
  .mch-brand-emblem{width:50px;height:50px}
  .mch-login-main{display:block;padding:95px 20px 40px}
  .mch-login-hero{display:none}
  .mch-signin-column{padding:0;justify-content:center}
  .mch-signin-panel{max-width:480px}
  .mch-login-footer{padding-left:22px;padding-right:22px}
  .mch-footer-values{display:none}
}
@media(max-width:560px){
  .mch-login-header{align-items:flex-start}
  .mch-login-brand>div{display:none}
  .mch-login-main{padding-top:85px}
  .mch-signin-panel{padding:30px 20px;border-radius:14px}
  .mch-login-options{flex-direction:column;align-items:flex-start}
  .mch-footer-bottom{flex-direction:column;align-items:center;text-align:center}
}

/* v1.5 precise login refinements */
.mch-login-main{
  min-height:calc(100vh - 112px - 146px);
  padding-bottom:0;
}
.mch-login-footer{
  min-height:146px;
}

/* Only the field contents get more breathing room.
   The form/card itself is NOT moved. */
.mch-input-shell{
  padding-left:4px;
  padding-right:6px;
}
.mch-input-icon{
  margin-left:16px;
  margin-right:16px;
}
.mch-input-shell input{
  padding-left:4px;
  padding-right:48px;
}
.mch-login-language{
  gap:10px;
}
.mch-login-language button{
  min-width:24px;
}