.dotz-city-id{isolation:isolate;position:relative;display:grid;min-height:max(680px,100vh);overflow:hidden;background:#0c0c0e;color:#fff;font-family:Arial,sans-serif}
.dotz-city-id__media,.dotz-city-id__media video,.dotz-city-id__media span{position:absolute;inset:0;width:100%;height:100%}
.dotz-city-id__media{z-index:-1;overflow:hidden;background:#101116}
.dotz-city-id__media video{display:block;object-fit:cover;object-position:center;opacity:.8;filter:saturate(.94) contrast(1.01) brightness(1.08)}
.dotz-city-id__media span{background:linear-gradient(115deg,rgba(4,5,8,.35),rgba(8,9,13,.12) 55%,rgba(3,4,7,.31))}
.dotz-city-id__content{display:grid;align-content:center;gap:24px;max-width:580px;padding:clamp(32px,6vw,88px);margin-left:clamp(0px,8vw,148px)}
.dotz-city-id__brand{margin:0;font-size:16px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.dotz-city-id__brand::first-letter{color:#fff}
.dotz-city-id__card{padding:clamp(28px,4vw,48px);background:rgba(13,14,18,.88);border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 70px rgba(0,0,0,.34);backdrop-filter:blur(12px)}
.dotz-city-id__eyebrow{margin:0 0 12px;color:#c6c8d0;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.dotz-city-id h1{max-width:11em;margin:0;color:#fff;font-size:clamp(34px,4vw,56px);line-height:.98;letter-spacing:-.055em}.dotz-city-id__card>p:not(.dotz-city-id__eyebrow):not(.dotz-city-id__support){max-width:38rem;margin:20px 0 0;color:#e0e0e4;font-size:16px;line-height:1.55}
.dotz-city-id__actions{display:grid;gap:10px;margin-top:28px}.dotz-city-id__button{display:block;padding:16px 18px;background:#fff;color:#0c0c0e;text-align:center;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.dotz-city-id__button:hover,.dotz-city-id__button:focus-visible{background:#dce0ff;color:#000}.dotz-city-id__button--secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.54)}.dotz-city-id__button--secondary:hover,.dotz-city-id__button--secondary:focus-visible{background:rgba(255,255,255,.13);color:#fff}
.dotz-city-id__support{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0 0;font-size:14px}.dotz-city-id__support a{color:#fff;text-underline-offset:3px}@media(max-width:700px){.dotz-city-id{min-height:100svh}.dotz-city-id__content{align-content:end;margin:0;padding:20px}.dotz-city-id__card{padding:27px 24px}.dotz-city-id__media span{background:linear-gradient(180deg,rgba(4,5,8,.1),rgba(4,5,8,.72) 64%,rgba(4,5,8,.92))}}


/* DTZ City ID Shell 0.1.2: own the full ID page instead of inheriting Shell page chrome. */
body:has(.dotz-city-id) .pg-title{display:none!important}
body:has(.dotz-city-id) .page-content.entry-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body:has(.dotz-city-id) .dotz-city-id{min-height:calc(100vh - 40px);margin:0!important;border-radius:0!important;background:#0c0c0e!important;color:#fff!important}
body:has(.dotz-city-id) .dotz-city-id__content{max-width:640px!important;padding:clamp(38px,6vw,92px)!important;margin-left:clamp(0px,7vw,128px)!important}
body:has(.dotz-city-id) .dotz-city-id__brand{color:#d9bbff!important}
body:has(.dotz-city-id) .dotz-city-id__card{border-radius:28px!important;background:rgba(12,13,18,.91)!important;border:1px solid rgba(255,255,255,.2)!important}
body:has(.dotz-city-id) .dotz-city-id h1#dotz-city-id-title{color:#fff!important;text-shadow:none!important}
body:has(.dotz-city-id) .dotz-city-id__eyebrow,body:has(.dotz-city-id) .dotz-city-id__card>p:not(.dotz-city-id__eyebrow):not(.dotz-city-id__support){color:#f0eef4!important}
body:has(.dotz-city-id) .dotz-city-id__support a{color:#fff!important}
@media(max-width:700px){body:has(.dotz-city-id) .dotz-city-id{min-height:100svh!important}body:has(.dotz-city-id) .dotz-city-id__content{margin:0!important;padding:20px!important}}


/* DTZ City ID Shell 0.1.3: same layout grammar as the MCR ID auth screen. */
body:has(.dotz-city-id){background:#000!important}
body:has(.dotz-city-id) .pg-title{display:none!important}
body:has(.dotz-city-id) .page-content.entry-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body:has(.dotz-city-id) .dotz-city-id{display:grid!important;place-items:center!important;min-height:100vh!important;margin:0!important;padding:clamp(38px,7vw,72px) 24px!important;overflow:hidden!important;border-radius:0!important;background:#000!important;color:#f4f4f6!important}
body:has(.dotz-city-id) .dotz-city-id__media{inset:0 0 auto!important;height:86px!important;z-index:0!important;background:#000!important}
body:has(.dotz-city-id) .dotz-city-id__media video{height:86px!important;object-position:center!important;opacity:.94!important;filter:saturate(1.04) contrast(1.04) brightness(.92)!important}
body:has(.dotz-city-id) .dotz-city-id__media span{height:86px!important;background:linear-gradient(180deg,rgba(0,0,0,.08),#000 100%)!important}
body:has(.dotz-city-id) .dotz-city-id__content{position:relative!important;z-index:1!important;display:block!important;width:min(672px,100%)!important;max-width:672px!important;margin:0!important;padding:0!important}
body:has(.dotz-city-id) .dotz-city-id__brand{display:none!important}
body:has(.dotz-city-id) .dotz-city-id__card{width:100%!important;margin:0!important;padding:clamp(34px,5vw,48px)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:32px!important;background:rgba(32,33,39,.97)!important;box-shadow:0 32px 80px rgba(0,0,0,.55)!important;backdrop-filter:none!important}
body:has(.dotz-city-id) .dotz-city-id__eyebrow{display:none!important}
body:has(.dotz-city-id) .dotz-city-id__card .dotz-city-id__brand{display:block!important;margin:0 0 20px!important;color:#cbb9ff!important;font-size:18px!important;font-weight:900!important;letter-spacing:-.035em!important;text-transform:none!important}
body:has(.dotz-city-id) .dotz-city-id h1#dotz-city-id-title{max-width:12ch!important;margin:0!important;color:#fff!important;font-size:clamp(3rem,5.2vw,4rem)!important;font-weight:900!important;line-height:.94!important;letter-spacing:-.065em!important;text-shadow:none!important}
body:has(.dotz-city-id) .dotz-city-id__card>p:not(.dotz-city-id__brand):not(.dotz-city-id__support){max-width:44ch!important;margin:22px 0 0!important;color:rgba(244,244,246,.78)!important;font-size:16px!important;line-height:1.5!important}
body:has(.dotz-city-id) .dotz-city-id__actions{display:grid!important;gap:12px!important;margin-top:30px!important}
body:has(.dotz-city-id) .dotz-city-id__button{min-height:61px!important;padding:0 20px!important;border:1px solid #f6f6f7!important;border-radius:14px!important;background:#f6f6f7!important;color:#16161b!important;font-size:17px!important;font-weight:850!important;letter-spacing:-.02em!important;text-transform:none!important}
body:has(.dotz-city-id) .dotz-city-id__button--secondary{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.27)!important}
body:has(.dotz-city-id) .dotz-city-id__support{gap:18px!important;margin:22px 0 0!important;font-size:15px!important}
body:has(.dotz-city-id) .dotz-city-id__support a{color:#d5c5ff!important;font-weight:800!important}
@media(max-width:700px){body:has(.dotz-city-id) .dotz-city-id{min-height:100svh!important;padding:28px 16px!important}body:has(.dotz-city-id) .dotz-city-id__media,body:has(.dotz-city-id) .dotz-city-id__media video,body:has(.dotz-city-id) .dotz-city-id__media span{height:62px!important}body:has(.dotz-city-id) .dotz-city-id__card{padding:30px 24px!important;border-radius:26px!important}body:has(.dotz-city-id) .dotz-city-id h1#dotz-city-id-title{font-size:clamp(2.6rem,12vw,3.3rem)!important}}

/* MCR ID full-screen canvas: remove the generic Shell page frame. */
html:has(.dotz-city-id),html:has(.dotz-city-id) body,html:has(.dotz-city-id) body .BODY,html:has(.dotz-city-id) #WRAP,html:has(.dotz-city-id) main.CENTRE,html:has(.dotz-city-id) main,html:has(.dotz-city-id) .page-content,html:has(.dotz-city-id) .entry-content{background:#000!important}
html:has(.dotz-city-id) main.CENTRE,html:has(.dotz-city-id) .page-content,html:has(.dotz-city-id) .entry-content{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
html:has(.dotz-city-id) .breadcrumbs,html:has(.dotz-city-id) .breadcrumb,html:has(.dotz-city-id) .page-breadcrumbs,html:has(.dotz-city-id) .pg-title,html:has(.dotz-city-id) footer.mcr-ft,html:has(.dotz-city-id) .mcr-ft-bottom{display:none!important}
html:has(.dotz-city-id) .dotz-city-id{min-height:100vh!important;border-radius:0!important;margin:0!important}

.dotz-city-id--login .dotz-city-id__card{max-width:672px;margin:auto}.dotz-city-id__login-form{display:grid;gap:26px;margin-top:30px}.dotz-city-id__login-form label{display:grid;gap:10px;color:#fff;font-weight:800}.dotz-city-id__login-form input:not([type=checkbox]){box-sizing:border-box;min-height:56px;width:100%;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:#121318;color:#fff;padding:0 16px;font:inherit}.dotz-city-id__remember{display:flex!important;align-items:center;gap:12px}.dotz-city-id__remember input{width:24px;height:24px}.dotz-city-id--login .dotz-city-id__button{width:100%}

/* Exact MCR ID login composition, rendered by the City Shell only on /id/login/. */
html:has(.dotz-mcr-login),html:has(.dotz-mcr-login) body,html:has(.dotz-mcr-login) #WRAP,html:has(.dotz-mcr-login) .BODY,html:has(.dotz-mcr-login) main.CENTRE{background:#101116!important}
html:has(.dotz-mcr-login) .breadcrumbs,html:has(.dotz-mcr-login) .breadcrumb,html:has(.dotz-mcr-login) .page-breadcrumbs,html:has(.dotz-mcr-login) .pg-title,html:has(.dotz-mcr-login) footer.mcr-ft,html:has(.dotz-mcr-login) .mcr-ft-bottom{display:none!important}
html:has(.dotz-mcr-login) .page-content.entry-content{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
html:has(.dotz-mcr-login) .dotz-mcr-login{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;isolation:isolate!important;min-height:100vh!important;margin:0!important;padding:clamp(24px,5vw,64px) clamp(14px,4vw,32px)!important;overflow:hidden!important;background:#101116!important;color:#f6f6f8!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
html:has(.dotz-mcr-login) .dotz-mcr-login .dotz-city-id__media{position:absolute!important;inset:0!important;z-index:-1!important;width:100%!important;height:100%!important;background:#101116!important}
html:has(.dotz-mcr-login) .dotz-mcr-login .dotz-city-id__media video{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;opacity:.8!important;filter:saturate(.94) contrast(1.01) brightness(1.08)!important}
html:has(.dotz-mcr-login) .dotz-mcr-login .dotz-city-id__media span{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:linear-gradient(115deg,rgba(4,5,8,.11),rgba(8,9,13,.02) 55%,rgba(3,4,7,.09))!important}
html:has(.dotz-mcr-login) .dotz-mcr-login .mcrm{display:block!important;width:min(540px,100%)!important;min-height:0!important;margin:auto!important;padding:0!important;background:transparent!important;color:#f6f6f8!important}
html:has(.dotz-mcr-login) .dotz-mcr-login .mcrm-wrap{width:100%!important;margin:0!important;padding:clamp(24px,4.5vw,41px)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(33,34,40,.87),rgba(17,18,23,.82))!important;box-shadow:0 30px 80px -30px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.10)!important;backdrop-filter:blur(24px) saturate(1.04)!important;-webkit-backdrop-filter:blur(24px) saturate(1.04)!important}
html:has(.dotz-mcr-login) .dotz-mcr-login .mcrm-brand{display:inline-block!important;color:rgba(255,255,255,.72)!important;font-size:.82rem!important;font-weight:900!important;letter-spacing:.09em!important;text-decoration:none!important;text-transform:uppercase!important}
html:has(.dotz-mcr-login) .dotz-mcr-login .mcrm-title{margin:14px 0 10px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:clamp(2rem,4vw,3rem)!important;font-weight:800!important;line-height:1.08!important;letter-spacing:-.045em!important}
html:has(.dotz-mcr-login) .dotz-mcr-login .mcrm-form{display:grid!important;gap:24px!important;margin:24px 0 0!important}
html:has(.dotz-mcr-login) .dotz-mcr-login .mcrm-field{display:grid!important;gap:10px!important}
html:has(.dotz-mcr-login) .dotz-mcr-login .mcrm-label,html:has(.dotz-mcr-login) .dotz-mcr-login .mcrm-check{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;text-shadow:0 1px 1px rgba(0,0,0,.3)!important;font-size:.86rem!important;font-weight:800!important}
html:has(.dotz-mcr-login) .dotz-mcr-login input[type=text],html:has(.dotz-mcr-login) .dotz-mcr-login input[type=password]{box-sizing:border-box!important;width:100%!important;min-height:52px!important;padding:11px 13px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:12px!important;background:rgba(8,9,12,.56)!important;color:#fff!important;font:inherit!important}
html:has(.dotz-mcr-login) .dotz-mcr-login input:focus{outline:0!important;border-color:#c9a7ff!important;box-shadow:0 0 0 4px rgba(163,108,255,.18)!important}
html:has(.dotz-mcr-login) .dotz-mcr-login .mcrm-check{display:flex!important;align-items:center!important;gap:10px!important;min-height:44px!important}.dotz-mcr-login .mcrm-check input{width:20px!important;height:20px!important;accent-color:#a78bfa!important}
html:has(.dotz-mcr-login) .dotz-mcr-login .mcrm-button{display:flex!important;align-items:center!important;justify-content:center!important;min-height:56px!important;padding:11px 18px!important;border:1px solid rgba(255,255,255,.34)!important;border-radius:12px!important;background:rgba(245,245,247,.94)!important;color:#121216!important;font:800 .92rem Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;cursor:pointer!important}.dotz-mcr-login .mcrm-button:hover{background:#fff!important}
html:has(.dotz-mcr-login) .dotz-mcr-login .mcrm-alt{margin:12px 0 0!important;color:rgba(255,255,255,.8)!important;font-size:.92rem!important;line-height:1.6!important}.dotz-mcr-login .mcrm-alt a{color:#d6c5ff!important;font-weight:700!important}
@media(max-width:700px){html:has(.dotz-mcr-login) .dotz-mcr-login{align-items:flex-start!important;min-height:100svh!important;padding:84px 14px 42px!important}html:has(.dotz-mcr-login) .dotz-mcr-login .mcrm-wrap{padding:26px 20px!important;border-radius:22px!important}}

/* Compatibility fallback for browsers that do not match the parent :has() selector. */
.dotz-mcr-login{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;isolation:isolate!important;min-height:100vh!important;margin:0!important;padding:clamp(24px,5vw,64px) clamp(14px,4vw,32px)!important;overflow:hidden!important;background:#101116!important;color:#f6f6f8!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.dotz-mcr-login .dotz-city-id__media{position:absolute!important;inset:0!important;z-index:-1!important;width:100%!important;height:100%!important;background:#101116!important}.dotz-mcr-login .dotz-city-id__media video{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;opacity:.8!important;filter:saturate(.94) contrast(1.01) brightness(1.08)!important}.dotz-mcr-login .dotz-city-id__media span{position:absolute!important;inset:0!important;background:linear-gradient(115deg,rgba(4,5,8,.11),rgba(8,9,13,.02) 55%,rgba(3,4,7,.09))!important}
.dotz-mcr-login .mcrm{display:block!important;width:min(540px,100%)!important;min-height:0!important;margin:auto!important;padding:0!important;background:transparent!important;color:#f6f6f8!important}.dotz-mcr-login .mcrm-wrap{width:100%!important;margin:0!important;padding:clamp(24px,4.5vw,41px)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(33,34,40,.87),rgba(17,18,23,.82))!important;box-shadow:0 30px 80px -30px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.10)!important;backdrop-filter:blur(24px) saturate(1.04)!important;-webkit-backdrop-filter:blur(24px) saturate(1.04)!important}.dotz-mcr-login .mcrm-brand{display:inline-block!important;color:rgba(255,255,255,.72)!important;font-size:.82rem!important;font-weight:900!important;letter-spacing:.09em!important;text-decoration:none!important;text-transform:uppercase!important}.dotz-mcr-login .mcrm-title{margin:14px 0 10px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:clamp(2rem,4vw,3rem)!important;font-weight:800!important;line-height:1.08!important;letter-spacing:-.045em!important}.dotz-mcr-login .mcrm-form{display:grid!important;gap:24px!important;margin:24px 0 0!important}.dotz-mcr-login .mcrm-field{display:grid!important;gap:10px!important}.dotz-mcr-login .mcrm-label,.dotz-mcr-login .mcrm-check{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;text-shadow:0 1px 1px rgba(0,0,0,.3)!important;font-size:.86rem!important;font-weight:800!important}.dotz-mcr-login input[type=text],.dotz-mcr-login input[type=password]{box-sizing:border-box!important;width:100%!important;min-height:52px!important;padding:11px 13px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:12px!important;background:rgba(8,9,12,.56)!important;color:#fff!important;font:inherit!important}.dotz-mcr-login .mcrm-check{display:flex!important;align-items:center!important;gap:10px!important;min-height:44px!important}.dotz-mcr-login .mcrm-button{display:flex!important;align-items:center!important;justify-content:center!important;min-height:56px!important;padding:11px 18px!important;border:1px solid rgba(255,255,255,.34)!important;border-radius:12px!important;background:rgba(245,245,247,.94)!important;color:#121216!important;font:800 .92rem Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;cursor:pointer!important}.dotz-mcr-login .mcrm-alt{margin:12px 0 0!important;color:rgba(255,255,255,.8)!important;font-size:.92rem!important;line-height:1.6!important}.dotz-mcr-login .mcrm-alt a{color:#d6c5ff!important;font-weight:700!important}