.gateway-login{margin:0;min-height:100vh;display:grid;grid-template-columns:minmax(480px,58%) minmax(390px,42%);background:#fff}.ad-showcase{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 30%,#0c9290,#075a63 75%);color:#fff}.ad-brand{position:absolute;z-index:5;right:30px;top:24px;display:flex;align-items:center;gap:10px;background:#ffffffdf;color:#173638;padding:8px 13px;border-radius:14px;box-shadow:0 10px 25px #002c3040;backdrop-filter:blur(10px)}.ad-brand img{width:58px;height:45px;object-fit:contain}.ad-brand span{font-size:10px;font-weight:bold}.ad-slides,.ad-slide,.ad-image-wrap{position:absolute;inset:0}.ad-slide{opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .65s ease,transform 1.2s ease,visibility .65s}.ad-slide.is-active{opacity:1;visibility:visible;transform:scale(1)}.ad-image-wrap{display:grid;place-items:center;padding:88px 24px 155px;background:linear-gradient(145deg,#075e66,#087f80)}.ad-image-wrap:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#ffffff17,transparent 55%)}.ad-image-wrap img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 28px #002e334d)}.ad-caption{position:absolute;z-index:3;right:30px;left:30px;bottom:55px;padding:18px 22px 24px;background:linear-gradient(135deg,#ffffffed,#fffffff2);color:#173638;border:1px solid #fff;border-radius:19px;box-shadow:0 17px 40px #003b4055;backdrop-filter:blur(18px)}.ad-caption small{color:var(--t);font-size:9px;font-weight:bold}.ad-caption h2{font-size:22px;margin:7px 0}.ad-caption p{font-size:10px;line-height:1.7;color:#667c7d;margin:0;max-width:85%}.ad-controls{position:absolute;z-index:6;left:30px;bottom:72px;display:flex;align-items:center;gap:8px}.ad-controls>button{width:32px;height:32px;border:1px solid #fff;background:#ffffffdc;border-radius:10px;color:var(--t);font-size:20px;box-shadow:0 6px 13px #003a3e2c}.ad-dots{display:flex;gap:5px}.ad-dots button{width:7px;height:7px;padding:0;border:0;border-radius:20px;background:#9eb5b3;transition:.25s}.ad-dots button.on{width:21px;background:var(--t)}.ad-timer{width:43px;height:32px;border-radius:10px;background:#173638;color:#fff;display:flex;align-items:center;justify-content:center;gap:2px;position:relative;overflow:hidden}.ad-timer span{font-size:12px;font-weight:bold}.ad-timer small{font-size:7px}.ad-progress{position:absolute;z-index:7;right:0;left:0;bottom:0;height:5px;background:#ffffff4a}.ad-progress i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--g),#ffe49b);transition:width 1s linear}.ad-pause-note{position:absolute;z-index:8;top:26px;left:28px;background:#173638d9;padding:8px 12px;border-radius:10px;font-size:8px;opacity:0;transform:translateY(-8px);transition:.2s}.ad-showcase.is-paused .ad-pause-note{opacity:1;transform:none}.empty-ad-space{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-ad-space img{max-width:330px;max-height:260px;object-fit:contain}.empty-ad-space h1{font-size:30px;margin:25px 0 8px}.empty-ad-space p{color:#d5e8e7}.gateway-form{display:grid;place-items:center;padding:42px;background:radial-gradient(circle at 100% 0,#eef9f6,#fff 46%)}.gateway-form form{width:min(430px,100%)}.gateway-form em{font-style:normal;color:var(--t);font-size:10px;font-weight:bold}.gateway-form h1{font-size:29px;margin:10px 0}.gateway-form>form>p{font-size:11px;color:#718485;line-height:1.8;margin-bottom:25px}.gateway-form label{display:block;font-size:10px;font-weight:bold;margin:12px 0}.gateway-form input{width:100%;padding:13px;border:1px solid #dfe9e7;border-radius:11px;margin-top:7px}.gateway-form .btn{width:100%;margin:12px 0}.gateway-links{display:flex;flex-direction:column;align-items:center;gap:9px;margin-top:12px}.gateway-links a{color:var(--t);font-size:10px}.gateway-logo-mobile{display:none}.client-gateway .ad-showcase{order:1}.client-gateway .gateway-form{order:2}@media(max-width:900px){.gateway-login{grid-template-columns:1fr 1fr}.ad-caption h2{font-size:18px}.ad-caption p{display:none}.ad-caption{left:18px;right:18px}.ad-controls{left:18px}}@media(max-width:700px){.gateway-login{display:block;background:linear-gradient(145deg,#075e66,var(--t));padding:14px}.ad-showcase{display:none}.gateway-form{min-height:calc(100vh - 28px);border-radius:25px;padding:28px 20px}.gateway-logo-mobile{display:block;max-width:150px;max-height:110px;object-fit:contain;margin:0 auto 30px}.gateway-form h1{font-size:25px}}
/* V44.3: fit the two login panels inside the viewport without vertical scrolling. */
@media(min-width:701px){html:has(body.gateway-login){height:100%;overflow:hidden}body.gateway-login{width:100%;height:100vh;height:100dvh;min-height:0!important;max-height:100vh;max-height:100dvh;overflow:hidden!important;grid-template-columns:minmax(420px,50%) minmax(420px,50%)}body.gateway-login>.ad-showcase,body.gateway-login>.gateway-form{height:100%;min-height:0!important;max-height:100%;overflow:hidden}}