*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Aptos,"Segoe UI",Arial,sans-serif}body.imc-login-design{background:#f7f8fa}.ld-scene{--ld-primary:#1266ad;--ld-accent:#d8b45a;--ld-canvas:#f4f7fa;--ld-ink:#17243a;--ld-muted:#52647a;--ld-action-ink:#fff;--ld-form-accent:#1266ad;--ld-radius:24px;position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:52px minmax(0,1fr) 24px;column-gap:18px;row-gap:16px;min-height:100svh;padding:28px clamp(24px,4vw,70px);overflow:hidden;background:var(--ld-canvas);color:var(--ld-ink)}
.ld-brand{z-index:3;grid-column:1/7;grid-row:1;display:flex;align-items:center;gap:20px;max-width:100%;color:#fff}.ld-logo-metal{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff,#d3dbe1 42%,#fff 55%,#8997a5);padding:4px;border-radius:9px;box-shadow:0 6px 18px #071b2b2b}.ld-logo-metal img{display:block;width:112px;height:auto;max-height:70px;object-fit:contain;border-radius:4px}.ld-brand p{font-size:10px;line-height:1.7;letter-spacing:2.5px;font-weight:700;max-width:210px;margin:0}
.ld-art{position:absolute;z-index:-1;inset:0 auto 0 0;width:54%;overflow:hidden;background:var(--ld-primary)}.ld-art svg{display:block;width:100%;height:100%;position:absolute;inset:0}.ld-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061827b8,#06182787 72%,#06182757)}
.ld-hero{grid-column:1/7;grid-row:2;z-index:2;align-self:center;max-width:720px;padding:20px 26px 20px 0;color:#fff}.ld-kicker{font-size:11px;font-weight:700;line-height:1.7;letter-spacing:2.3px;margin:0 0 24px;opacity:.9}.ld-hero h1{font-size:clamp(36px,4.5vw,76px);line-height:1.08;letter-spacing:-2.8px;font-weight:750;text-wrap:balance;margin:0 0 24px}.ld-type-serif .ld-hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:-2px}.ld-support{font-size:clamp(16px,1.5vw,23px);line-height:1.55;margin:0;max-width:590px}.ld-hero-rule{display:block;width:58px;height:4px;border-radius:4px;background:var(--ld-accent);margin-top:32px}
.ld-access{z-index:3;grid-column:8/13;grid-row:2;align-self:center;min-width:0}.ld-card{background:#fffdfb;color:#17243a;padding:clamp(24px,2.8vw,44px);border-radius:var(--ld-radius);border:1px solid #ffffffc7;box-shadow:0 20px 60px #10263b25,0 2px 8px #10263b10;position:relative}.ld-card::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;border-radius:var(--ld-radius) var(--ld-radius) 0 0;background:linear-gradient(90deg,var(--ld-primary),var(--ld-accent))}.ld-product{font-size:11px;letter-spacing:2px;font-weight:750;line-height:1.5;text-transform:uppercase;color:#4e6279;margin:0 0 9px}.ld-card h2{font-size:clamp(30px,3vw,48px);font-weight:800;line-height:1.1;letter-spacing:-1.9px;margin:0 0 25px;color:#17243a}.ld-card h2 span{color:var(--ld-form-accent)}
.ld-label{display:block;font-size:13px;font-weight:700;line-height:1.5;margin:15px 0 7px;color:#20354d}.ld-field{height:48px;border:1px solid #ccd8e6;border-radius:10px;display:flex;align-items:center;gap:11px;padding:0 13px;background:#fafcff;color:#4a6380}.ld-field>svg{color:var(--ld-form-accent);width:21px;flex:0 0 21px}.ld-field input{min-width:0;width:100%;font:inherit;font-size:14px;background:transparent;border:0;outline:0;color:#17243a;padding:10px 0;opacity:1}.ld-field input::placeholder{color:#64758b;opacity:1}.ld-field input:is(:-webkit-autofill,:autofill){-webkit-box-shadow:0 0 0 1000px #fafcff inset;box-shadow:0 0 0 1000px #fafcff inset;-webkit-text-fill-color:#17243a;caret-color:#17243a}.ld-field:focus-within{border-color:var(--ld-form-accent);outline:2px solid var(--ld-form-accent);outline-offset:2px}.ld-field button{display:grid;place-items:center;width:30px;flex:0 0 30px;padding:3px;background:transparent;border:0;color:#4a6380;cursor:pointer}.ld-scene svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ld-art svg{stroke:none}.ld-scene svg image{stroke:none}.ld-field button svg{width:23px;height:23px}
.ld-remember{display:flex;gap:10px;align-items:flex-start;margin:19px 0;font-size:13px;font-weight:650;line-height:1.4;color:#263b52}.ld-remember input{appearance:auto;position:static;opacity:1;accent-color:var(--ld-form-accent);width:18px;height:18px;margin:1px 0}.ld-remember small{display:block;font-size:10px;font-weight:400;color:#5a6d82;margin-top:2px}.ld-login-button{width:100%;border:0;border-radius:10px;background:var(--ld-primary);color:var(--ld-action-ink);font:inherit;font-size:18px;font-weight:750;display:flex;align-items:center;justify-content:center;gap:16px;height:51px;box-shadow:0 9px 18px #172c421a;cursor:pointer;position:relative;overflow:hidden}.ld-login-button svg{position:absolute;right:18px;width:23px;height:23px}.ld-login-button:hover{box-shadow:0 9px 22px #172c4233;transform:translateY(-1px)}.ld-login-button:disabled{transform:none;cursor:default;opacity:1}
.ld-utilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:19px;padding-bottom:19px;border-bottom:1px solid #dce3e9}.ld-utilities a,.ld-utilities button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:39px;padding:7px 5px;font:inherit;font-size:10px;font-weight:600;line-height:1.3;color:#263d54;background:linear-gradient(#fff,#f2f5f7);border:1px solid #cbd5df;border-radius:8px;text-decoration:none;text-align:center;cursor:pointer}.ld-utilities svg{width:17px;height:17px;flex:0 0 17px}.ld-utilities a:hover,.ld-quick a:hover,.ld-quick button:hover{background:#eaf0f5;color:#17243a;box-shadow:0 4px 10px #17243a14}.ld-utilities button:disabled,.ld-quick button:disabled{opacity:1;cursor:default}
.ld-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:19px}.ld-quick a,.ld-quick button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:59px;padding:10px 5px;font:inherit;font-size:11px;font-weight:650;line-height:1.3;text-align:center;text-decoration:none;color:#243a51;background:#f8fafc;border:1px solid #d1dce6;border-radius:10px;cursor:pointer}.ld-quick svg{width:24px;height:24px;flex:0 0 24px;color:var(--ld-form-accent)}.ld-quick>*:first-child svg{color:#be1d3a}.ld-quick>[hidden]{display:none!important}.ld-footer{z-index:3;grid-row:3;grid-column:1/-1;text-align:center;font-size:11px;line-height:1.5;color:var(--ld-muted);align-self:end}.ld-footer strong{color:var(--ld-heading-accent,var(--ld-ink));margin-left:3px}.ld-scene :is(a,button,.ld-remember input):focus-visible{outline:2px solid var(--ld-form-accent);outline-offset:3px}.login-error{font-size:13px;color:#8d1428;background:#fff0f3;border:1px solid #f0c6d1;border-radius:8px;padding:10px;line-height:1.4}
.ld-ornament{position:absolute;z-index:-2;width:600px;height:600px;right:-140px;top:-160px;border-radius:50%;border:1px solid var(--ld-edge);box-shadow:0 0 0 80px color-mix(in srgb,var(--ld-accent) 9%,transparent),0 0 0 160px color-mix(in srgb,var(--ld-primary) 5%,transparent);pointer-events:none}.ld-orn-fold .ld-ornament{border-radius:10%;transform:rotate(32deg)}.ld-orn-grid .ld-ornament{width:100%;height:100%;inset:0;border:0;border-radius:0;box-shadow:none;opacity:.08;background-image:linear-gradient(var(--ld-primary) 1px,transparent 1px),linear-gradient(90deg,var(--ld-primary) 1px,transparent 1px);background-size:50px 50px}.ld-orn-waves .ld-ornament{border-radius:48% 52% 67% 33%;transform:rotate(20deg);top:auto;bottom:-220px}.ld-orn-halo .ld-ornament{filter:blur(18px);opacity:.3}.ld-orn-beam .ld-ornament{border-radius:0;transform:rotate(35deg);box-shadow:0 0 80px color-mix(in srgb,var(--ld-accent) 20%,transparent)}

/* Recreated complete pictures supply every background pixel. Foreground content
   stays live, responsive HTML; there are no letterboxes or painted side fillers. */
body.imc-login-design{display:block;background:#f7f8fa}
.ld-scene{width:100%;min-height:100svh;grid-template-rows:72px minmax(0,1fr) 24px;padding:24px clamp(24px,5vw,80px);gap:16px 24px;aspect-ratio:auto;margin:0;border:0;border-radius:0;box-shadow:none}
.ld-scene::before,.ld-ornament{display:none}
.ld-art{display:block;inset:0;width:100%;height:100%;border:0;border-radius:0;background:var(--ld-canvas);filter:none;clip-path:none;box-shadow:none}
.ld-art::after{display:none}
.ld-art svg{inset:0;width:100%;height:100%}
.ld-brand{grid-column:1/7;grid-row:1;align-self:center;justify-self:start;margin:0;padding:8px 14px 8px 8px;border-radius:10px;background:var(--ld-canvas);color:var(--ld-ink);gap:14px}
.ld-logo-metal img{width:104px;max-height:62px}
.ld-brand p{font-size:9px;letter-spacing:1.7px;max-width:195px}
.ld-hero{grid-column:1/7;grid-row:2;align-self:center;padding:24px 28px;max-width:650px;background:var(--ld-canvas);color:var(--ld-ink);border-radius:var(--ld-radius);border:1px solid color-mix(in srgb,var(--ld-accent) 35%,transparent)}
.ld-kicker{font-size:10px;margin-bottom:16px;opacity:1}
.ld-hero h1{font-size:clamp(34px,3.6vw,57px);letter-spacing:-1.8px;line-height:1.1;margin-bottom:19px}
.ld-support{font-size:17px;line-height:1.5;color:var(--ld-muted)}
.ld-hero-rule{margin-top:22px;background:var(--ld-heading-accent,var(--ld-ink))}
.ld-access{grid-column:8/13;grid-row:1/3;position:relative;inset:auto;width:auto;height:auto;align-self:center;display:block}
.ld-card{padding:26px 30px;min-height:0;border-radius:var(--ld-radius);background:#fffdfb;box-shadow:0 16px 44px #10263b33}
.ld-card h2{font-size:36px;margin-bottom:18px}
.ld-label{margin-top:10px;margin-bottom:6px}
.ld-field{height:44px}
.ld-remember{margin:12px 0}
.ld-login-button{height:46px}
.ld-utilities{margin-top:15px;padding-bottom:15px}
.ld-quick{margin-top:15px}
.ld-quick a,.ld-quick button{min-height:51px}
.ld-footer{grid-column:8/13;grid-row:3;justify-self:center;align-self:center;position:relative;width:auto;height:auto;margin:0;padding:4px 13px;border-radius:7px;clip-path:none;overflow:visible;background:var(--ld-canvas);color:var(--ld-muted);font-size:11px;line-height:1.5}
.ld-footer strong{color:var(--ld-ink)}
/* Distinct live compositions over the full panoramic artwork. */
.ld-l-editorial .ld-hero{align-self:start;border:0;border-radius:2px;padding:20px 24px}
.ld-l-pavilion .ld-card{border-radius:0 28px 28px 0;border:1px solid var(--ld-edge)}
.ld-l-pavilion .ld-hero{border-radius:28px 0 0 28px;align-self:end}
.ld-l-arch .ld-hero{border-radius:90px 90px 16px 16px;padding:40px 32px 30px;text-align:center}
.ld-l-arch .ld-hero-rule{margin-left:auto;margin-right:auto}
.ld-l-gallery .ld-hero{align-self:end;border-radius:3px;border-top:4px solid var(--ld-accent)}
.ld-l-blueprint .ld-card{border-radius:10px;border:1px solid var(--ld-edge)}
.ld-l-blueprint .ld-hero{border-radius:4px;border-left:4px solid var(--ld-accent)}
.ld-l-mint .ld-card{border-radius:28px 8px 28px 8px;border:1px solid var(--ld-edge)}
.ld-l-mint .ld-hero{border-radius:8px 44px 8px 44px;align-self:start}
.ld-l-glass .ld-card{border-radius:32px;border:1px solid var(--ld-edge)}
.ld-l-glass .ld-hero{border-radius:32px;align-self:end}
.ld-l-monochrome .ld-card{border-radius:2px;border:1px solid #cad0d8;box-shadow:8px 8px 0 #10263b25}
.ld-l-monochrome .ld-hero{border-radius:0;border:0;border-top:5px solid var(--ld-primary);align-self:start}
.ld-l-ceramic .ld-hero{grid-column:1/6;border-radius:36px 36px 8px 36px;align-self:center}
.ld-l-ceramic .ld-hero h1{font-size:clamp(34px,3.3vw,52px)}
.ld-l-ceramic .ld-card{border-radius:36px}
.ld-l-ocean .ld-hero{border-radius:12px 70px 70px 12px;padding-right:36px}
.ld-l-ocean .ld-card{border-radius:32px 8px 32px 32px}
.ld-l-floating .ld-hero{border-radius:32px;align-self:end;max-width:560px}
.ld-l-floating .ld-card{border-radius:36px;box-shadow:0 22px 65px #10263b40}
.ld-l-top-frame .ld-hero{text-align:center;border-radius:0;border-top:2px solid var(--ld-edge);border-bottom:2px solid var(--ld-edge);align-self:start}
.ld-l-top-frame .ld-kicker{display:none}
.ld-l-top-frame .ld-card{border-radius:12px;border:1px solid var(--ld-edge)}
.ld-l-reverse-editorial .ld-hero{align-self:start;border-radius:0;border-top:4px solid var(--ld-primary)}
.ld-l-reverse-editorial .ld-card{border-radius:8px}
.ld-l-diagonal .ld-hero{border-radius:0 36px 0 36px;border-left:5px solid var(--ld-accent)}
.ld-l-diagonal .ld-card{border-radius:8px 30px 8px 30px}
.ld-l-rail .ld-hero{border-radius:0 20px 20px 0;border-left:5px solid var(--ld-primary)}
.ld-l-rail .ld-card{border-radius:12px;border-top:5px solid var(--ld-primary)}
.ld-l-landscape .ld-hero{align-self:end;border-radius:24px 0 24px 0}
.ld-l-landscape .ld-card{border-radius:24px 0 24px 0}
.ld-l-side-arch .ld-hero{align-self:end;border-radius:80px 12px 12px 12px;padding-top:34px}
.ld-l-side-arch .ld-card{border-radius:30px 30px 8px 8px}
.ld-l-ink .ld-hero{border-radius:0 0 60px 0;border-left:2px solid var(--ld-accent)}
.ld-l-ink .ld-card{border-radius:10px;border-left:5px solid var(--ld-accent)}
.ld-l-isometric .ld-hero{align-self:end;border-radius:8px 40px 8px 40px}
.ld-l-isometric .ld-card{border-radius:8px 30px 30px 8px}
.ld-l-twin-panel .ld-hero{border-radius:28px;padding:30px}
.ld-l-twin-panel .ld-card{border-radius:28px;border:1px solid var(--ld-edge)}
.ld-l-storyboard .ld-hero{align-self:end;border-radius:6px 48px 6px 48px}
.ld-l-storyboard .ld-card{border-radius:6px 28px 6px 28px}
.ld-l-full-pavilion .ld-hero{padding:32px;border-radius:32px 4px 4px 32px}
.ld-l-full-pavilion .ld-card{border-radius:4px 32px 32px 4px;border:1px solid var(--ld-edge)}
.ld-l-concierge .ld-hero{align-self:end;border-radius:40px 40px 0 0;text-align:center}
.ld-l-concierge .ld-card{border-radius:0;border-top:4px solid var(--ld-accent)}
.ld-l-blueprint .ld-access,.ld-l-mint .ld-access,.ld-l-floating .ld-access,.ld-l-landscape .ld-access,.ld-l-side-arch .ld-access,.ld-l-storyboard .ld-access,.ld-l-reverse-editorial .ld-access{grid-column:1/6}
.ld-l-blueprint .ld-hero,.ld-l-mint .ld-hero,.ld-l-floating .ld-hero,.ld-l-landscape .ld-hero,.ld-l-side-arch .ld-hero,.ld-l-storyboard .ld-hero,.ld-l-reverse-editorial .ld-hero{grid-column:7/13}
.ld-l-blueprint .ld-brand,.ld-l-mint .ld-brand,.ld-l-floating .ld-brand,.ld-l-landscape .ld-brand,.ld-l-side-arch .ld-brand,.ld-l-storyboard .ld-brand,.ld-l-reverse-editorial .ld-brand{grid-column:7/13}
.ld-l-blueprint .ld-footer,.ld-l-mint .ld-footer,.ld-l-floating .ld-footer,.ld-l-landscape .ld-footer,.ld-l-side-arch .ld-footer,.ld-l-storyboard .ld-footer,.ld-l-reverse-editorial .ld-footer{grid-column:1/6}
/* Favourite reference identities, with genuine full-screen pictures. */
.ld-l-signature .ld-brand{background:#fffcf6;color:#392d26}
.ld-l-signature .ld-hero{background:none;color:#17243a;border:0;align-self:start;padding:20px 0}
.ld-l-signature .ld-support{color:#393632}
.ld-l-signature .ld-kicker,.ld-l-copper .ld-kicker{display:none}
.ld-l-signature .ld-hero h1{font-family:Inter,Aptos,'Segoe UI',Arial,sans-serif;font-weight:800}
.ld-l-signature .ld-card{border:1px solid #ba8c47;background:#fffcf6;border-radius:22px}
.ld-l-signature .ld-footer{background:#fffcf6;color:#3e3830}
.ld-l-signature .ld-footer strong{color:#6d0c29}
.ld-l-copper .ld-hero{grid-column:4/8;padding:18px 12px;align-self:center;background:#fcf4e8;border-color:#bc845d;border-radius:4px;color:#39261c}
.ld-l-copper .ld-hero h1{font-size:clamp(30px,2.7vw,43px)}
.ld-l-copper .ld-support{color:#503e32;font-size:16px}
.ld-l-copper .ld-brand{background:#fcf4e8;color:#39261c}
.ld-l-copper .ld-card{background:#fcf8f1;border:1px solid #bc845d;border-radius:18px}
.ld-l-copper .ld-footer{background:#fcf8f1;color:#503e32}
.ld-l-copper .ld-footer strong{color:#39261c}
.ld-l-sunrise .ld-hero{background:#1c1917;color:#fff;border-color:#876337}
.ld-l-sunrise .ld-support{color:#eee0cb}
.ld-l-sunrise .ld-card{background:#fbf8f2;border:1px solid #caa26b;border-radius:27px}
@media(min-width:981px) and (max-width:1150px){
 .ld-scene{padding:20px 30px;column-gap:18px;grid-template-rows:64px minmax(0,1fr) 24px}
 .ld-brand p{display:none}.ld-access{grid-column:7/13}.ld-hero{grid-column:1/6;padding:22px;max-width:100%}.ld-hero h1{font-size:38px}.ld-support{font-size:16px}.ld-utilities a,.ld-utilities button{font-size:9px}.ld-quick a,.ld-quick button{font-size:10px;gap:4px}.ld-quick svg{width:20px;flex-basis:20px}
 .ld-l-blueprint .ld-access,.ld-l-mint .ld-access,.ld-l-floating .ld-access,.ld-l-landscape .ld-access,.ld-l-side-arch .ld-access,.ld-l-storyboard .ld-access,.ld-l-reverse-editorial .ld-access{grid-column:1/7}
 .ld-l-blueprint .ld-hero,.ld-l-mint .ld-hero,.ld-l-floating .ld-hero,.ld-l-landscape .ld-hero,.ld-l-side-arch .ld-hero,.ld-l-storyboard .ld-hero,.ld-l-reverse-editorial .ld-hero{grid-column:8/13}
 .ld-l-copper .ld-hero{grid-column:3/7;padding:16px;font-size:30px}.ld-l-copper .ld-hero h1{font-size:30px}.ld-l-ceramic .ld-hero h1{font-size:36px}
}
@media(min-width:981px) and (max-height:680px){
 .ld-scene{padding-top:16px;padding-bottom:14px;grid-template-rows:60px minmax(0,1fr) 22px;row-gap:10px}.ld-card{padding:18px 24px}.ld-card h2{font-size:30px;margin-bottom:12px}.ld-product{font-size:10px}.ld-label{margin-top:8px;margin-bottom:4px;font-size:12px}.ld-field{height:38px}.ld-remember{margin:11px 0;font-size:12px}.ld-remember small{display:none}.ld-login-button{height:41px;font-size:16px}.ld-utilities{margin-top:12px;padding-bottom:12px}.ld-utilities a,.ld-utilities button{min-height:34px;font-size:9px}.ld-quick{margin-top:12px}.ld-quick a,.ld-quick button{min-height:44px;font-size:10px}.ld-hero h1{font-size:clamp(32px,3.3vw,48px)}.ld-hero{padding:20px 24px}.ld-kicker{margin-bottom:14px}.ld-hero-rule{margin-top:18px}
}
@media(max-width:980px){
 .ld-scene{min-height:100svh;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:14px;padding:18px;overflow:hidden}
 .ld-brand{grid-column:1!important;grid-row:1!important;justify-self:center;padding:6px!important;min-height:0}.ld-brand p{display:none}.ld-logo-metal img{width:86px;max-height:52px}
 .ld-art{inset:0;width:100%;height:100%}.ld-art svg{width:100%;height:100%;inset:0}
 .ld-hero{grid-column:1!important;grid-row:2!important;align-self:start!important;width:100%;max-width:540px;margin:0 auto;padding:17px 20px!important;min-height:0;border-radius:18px;text-align:center!important}
 .ld-hero h1{font-size:30px!important;letter-spacing:-1px!important;line-height:1.12;margin-bottom:10px!important}.ld-kicker{display:none}.ld-support{font-size:14px!important;line-height:1.45;max-width:none}.ld-hero-rule{display:none}
 .ld-access{grid-column:1!important;grid-row:3!important;align-self:start;width:100%;max-width:540px;position:relative;inset:auto;height:auto;margin:0 auto;display:block}
 .ld-card{padding:22px!important;min-height:0;border-radius:18px!important;transform:none;border:1px solid #ccd5df;box-shadow:0 12px 36px #10263b33}.ld-card h2{font-size:32px;margin-bottom:17px}.ld-field{height:44px}.ld-label{font-size:12px;margin-top:11px}.ld-remember{font-size:12px;margin:14px 0}.ld-remember small{display:none}.ld-login-button{height:45px}.ld-utilities{margin-top:14px;padding-bottom:14px;gap:6px}.ld-utilities a,.ld-utilities button{font-size:9px;gap:3px;padding:7px 3px;min-height:40px}.ld-utilities svg{width:14px;flex-basis:14px}.ld-quick{margin-top:14px;gap:7px}.ld-quick a,.ld-quick button{font-size:10px;gap:4px;min-height:51px}.ld-quick svg{width:19px;flex-basis:19px}
 .ld-footer{grid-column:1!important;grid-row:4!important;justify-self:center;padding:4px 13px}
 .ld-l-signature .ld-hero{background:#fffcf6}.ld-l-copper .ld-hero{background:#fcf4e8}
}
@media(prefers-reduced-motion:reduce){.ld-scene *{transition:none!important;animation:none!important}.ld-login-button:hover{transform:none}}
@media(max-width:420px){.ld-scene{padding:16px;gap:12px}.ld-card{padding:20px!important}.ld-hero h1{font-size:28px!important}}