:root{--login-cyan:#18c7f4;--login-blue:#0878ed;--login-ink:#061426;--login-line:rgba(139,207,255,.34)}
body.login-mode{overflow:hidden;background:#061426}
.login-experience{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;color:#fff;background:#07182b url('/iks-login-bg-desktop-v2.png') center/cover no-repeat;overflow:hidden}
.login-experience::backdrop{background:#061426}
.login-experience:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,35,.97) 0%,rgba(5,25,48,.76) 45%,rgba(5,20,39,.42) 70%,rgba(5,18,34,.8) 100%);backdrop-filter:saturate(.8)}
.login-stage{position:relative;z-index:1;display:grid;grid-template-columns:minmax(540px,1fr) 390px;gap:clamp(36px,6vw,110px);align-items:center;width:min(1180px,calc(100% - 80px));height:100%;margin:auto;padding:58px 0 72px;direction:ltr}
.login-hero,.login-card{direction:rtl}.login-hero{position:relative;height:100%;min-height:520px;display:flex;align-items:flex-start}
.login-hero-brand{position:absolute;top:0;left:0;display:flex;align-items:center;gap:13px;font:300 27px/1 Arial;color:#eef8ff;direction:ltr}
.login-hero-brand img,.login-card-brand img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(26,196,255,.45))}.login-hero-brand b,.login-card-brand b{font-weight:800}
.login-hero-copy{position:absolute;left:0;top:26%;text-align:left;direction:rtl}.login-kicker{display:inline-block;color:#9edcf8;font-size:14px;margin-bottom:14px}.login-hero-copy h1{margin:0;font-size:clamp(48px,5.2vw,76px);line-height:1.18;font-weight:800;letter-spacing:-2px}.login-hero-copy h1 em{font-style:normal;color:var(--login-cyan)}.login-hero-copy p{font-size:21px;color:#c4dcf0;margin:22px 0}.login-hero-copy small{direction:ltr;display:block;color:#80a2bf;letter-spacing:5px;font-size:9px}
.login-visual-card{display:none}
.login-card{position:relative;padding:34px 30px 28px;border:1px solid rgba(142,211,255,.5);border-radius:28px;background:linear-gradient(165deg,rgba(21,61,99,.76),rgba(5,22,43,.9));box-shadow:0 28px 80px rgba(0,0,0,.5),0 0 28px rgba(20,175,255,.18),inset 0 1px 0 rgba(255,255,255,.22);backdrop-filter:blur(24px)}
.login-card-brand{display:flex;align-items:center;justify-content:center;gap:11px;direction:ltr;font:300 25px Arial;margin-bottom:24px}.login-card-brand img{width:43px;height:43px}.login-card form{padding:0;margin:0;background:none;box-shadow:none;border:0;max-width:none}.login-card .dialog-head{justify-content:center;text-align:center;margin:0 0 22px}.login-card .dialog-head>div>span{font-size:11px;color:#76cfff}.login-card .dialog-head h2{margin:5px 0 0;color:#fff;font-size:21px}.login-card #closeLoginDialog{display:none}
.login-card label{display:block;margin:0 0 13px;color:#a9c5da;font-size:0}.login-field{display:flex;align-items:center;gap:12px;height:54px;padding:0 17px;border:1px solid var(--login-line);border-radius:12px;background:rgba(5,27,51,.48);transition:.2s}.login-field:focus-within{border-color:var(--login-cyan);box-shadow:0 0 0 3px rgba(24,199,244,.13)}.login-field i{font:normal 19px Arial;color:#8db5d1}.login-field input{direction:rtl;flex:1;height:100%;padding:0!important;border:0!important;outline:0;background:transparent!important;color:#fff!important;font:14px Tahoma,Arial;box-shadow:none!important}.login-field input::placeholder{color:#8aa7bd}.login-submit{width:100%;height:54px;margin-top:6px;border:0;border-radius:12px;background:linear-gradient(90deg,#08a9ed,#1ed0f4);box-shadow:0 12px 30px rgba(8,169,237,.27);font-size:16px;color:#fff}.login-submit span{font-size:23px;margin-right:8px}.login-security{text-align:center;color:#7f9db5;font-size:11px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(135,194,231,.15)}.login-card .form-message{text-align:center;color:#ffb5bc;min-height:22px;font-size:12px;margin:8px 0 -4px}
.login-footer{position:absolute;z-index:2;bottom:22px;left:32px;right:32px;display:flex;justify-content:space-between;direction:ltr;color:#7190aa;font:9px Arial;letter-spacing:2px}
@media(max-width:900px){.login-experience{overflow:auto;background-image:url('/iks-login-bg-mobile-v2.png');background-position:center top;background-size:cover}.login-experience:before{background:linear-gradient(rgba(3,16,31,.08) 0%,rgba(3,16,31,.12) 34%,rgba(3,18,35,.86) 52%,rgba(3,18,35,.98) 100%)}.login-stage{display:block;width:100%;height:auto;min-height:100dvh;padding:24px 18px 66px}.login-hero{height:47vh;min-height:390px;display:block}.login-hero-brand{position:relative;top:auto;left:auto;justify-content:center;margin:4px 0;font-size:24px;text-shadow:0 2px 12px #00152b}.login-hero-copy{display:none}.login-card{width:min(100%,430px);margin:-12px auto 30px;padding:26px 20px 22px;border-radius:24px;background:linear-gradient(165deg,rgba(13,48,82,.82),rgba(4,19,38,.94))}.login-card-brand{display:none}.login-card .dialog-head{margin-bottom:19px}.otp-field{margin-bottom:12px!important}.login-footer{position:absolute;bottom:16px;left:22px;right:22px}.login-footer span:last-child{display:none}}
@media(max-width:430px){.login-stage{padding-left:12px;padding-right:12px}.login-visual-card{margin-bottom:12px}.visual-grid span{height:58px}.visual-controls{margin-top:9px}.login-card{padding:22px 16px 18px}.login-field{height:50px}.login-submit{height:51px}.login-security{margin-top:14px;padding-top:14px}}

/* Pixel-aligned reference composition. The supplied artwork is the visual source;
   controls remain real HTML and reveal their values only while used. */
.login-experience{inset:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background-color:#061426!important;background-image:url('/iks-login-reference-desktop.jpg')!important;background-position:center!important;background-size:100% 100%!important;background-repeat:no-repeat!important}
.login-experience:before{background:transparent;backdrop-filter:none}
.login-stage{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0}
.login-hero{display:none}
.login-card{position:absolute;top:38.8%;right:9.65%;width:19.45%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.login-card-brand,.login-card .dialog-head,.login-security,.login-footer{display:none!important}
.login-card form{display:block;width:100%;padding:0!important;margin:0!important}
.login-card label{height:6.45vh;margin:0 0 2.05vh!important}
.login-card label>span,.login-field i{display:none}
.login-field{height:100%;padding:0;border:0;border-radius:10px;background:transparent;box-shadow:none}
.login-field:focus-within{border:0;background:transparent;box-shadow:none}
.login-field input{padding:0 17px!important;border:0!important;border-radius:10px!important;outline:0!important;background:transparent!important;box-shadow:none!important;font-size:14px;color:#fff!important;caret-color:#fff;text-shadow:0 1px 3px #00101f}
.login-field input::placeholder{color:transparent!important;opacity:0!important}
.login-field input:focus,.login-field input:not(:placeholder-shown){color:#fff!important;background:transparent!important;box-shadow:none!important}
.otp-field{display:none!important}
.login-submit{height:7.05vh;margin:1.6vh 0 0;border-radius:10px;background:transparent!important;color:transparent!important;box-shadow:none}
.login-submit:hover,.login-submit:focus-visible{background:rgba(4,179,242,.15)!important;box-shadow:0 0 0 2px rgba(100,224,255,.42)}
.login-card .form-message{position:absolute;top:16.7vh;left:-10%;width:120%;margin:0;padding:7px 10px;border-radius:8px;background:rgba(65,7,19,.86);color:#ffd8dc;font-size:12px}
.login-card .form-message:empty{display:none}

@media(max-width:900px){
  .login-experience{inset:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;border-radius:0!important;background-image:url('/iks-login-reference-mobile.jpg')!important;background-position:center top!important;background-size:100% 100%!important;background-attachment:local!important}
  .login-experience:before{background:transparent}
  .login-stage{min-height:100%;padding:0}
  .login-card{top:52.55%;right:auto;left:25.35%;width:49.3%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
  .login-card label{height:4.45vh;margin-bottom:1.35vh!important}
  .login-field{border-radius:8px}
  .login-field input{font-size:12px;padding:0 11px!important}
  .login-submit{height:4.65vh;margin-top:.25vh;border-radius:8px}
  .login-card .form-message{top:11.8vh;font-size:10px}
}

/* Final live composition: raster is scenery only; all typography and controls are HTML. */
.login-experience{background:#061426 url('/iks-login-scene-desktop.png') center/cover no-repeat!important}
.login-experience:before{background:linear-gradient(90deg,rgba(2,13,27,.88),rgba(2,17,34,.32) 52%,rgba(2,14,28,.55))!important}
.login-stage{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:minmax(520px,1fr) minmax(320px,390px)!important;gap:clamp(42px,7vw,112px)!important;align-items:center!important;width:min(1180px,calc(100% - 72px))!important;height:100%!important;margin:auto!important;padding:54px 0 70px!important}
.login-hero{display:flex!important;position:relative!important;height:100%!important;min-height:520px!important;align-items:flex-start!important}
.login-hero-brand{display:flex!important;position:absolute!important;top:0!important;left:0!important}
.login-hero-copy{display:block!important;position:absolute!important;left:0!important;top:25%!important;text-align:left!important;direction:rtl!important;text-shadow:0 3px 18px #000!important}
.login-hero-copy h1{font-size:clamp(46px,5vw,72px)!important}.login-hero-copy .login-kicker{display:none!important}
.login-card{position:relative!important;top:auto!important;right:auto!important;left:auto!important;width:auto!important;margin:0!important;padding:34px 30px 27px!important;border:1px solid rgba(150,216,255,.52)!important;border-radius:28px!important;background:linear-gradient(160deg,rgba(23,62,99,.72),rgba(4,20,40,.91))!important;box-shadow:0 30px 85px rgba(0,0,0,.52),0 0 30px rgba(20,183,255,.18),inset 0 1px rgba(255,255,255,.2)!important;backdrop-filter:blur(22px)!important}
.login-card-brand{display:flex!important}.login-card .dialog-head{display:flex!important}.login-card .dialog-head>div>span{display:none!important}
.login-card form{width:100%!important}.login-card label{display:block!important;height:auto!important;margin:0 0 13px!important}.login-card label>span{display:none!important}
.login-field{display:flex!important;height:54px!important;padding:0 16px!important;border:1px solid rgba(141,204,245,.36)!important;border-radius:12px!important;background:rgba(4,25,49,.45)!important}
.login-field:focus-within{border-color:#19c9f4!important;background:rgba(4,27,52,.72)!important;box-shadow:0 0 0 3px rgba(25,201,244,.13)!important}.login-field i{display:block!important}
.login-field input,.login-field input:focus,.login-field input:not(:placeholder-shown){height:100%!important;padding:0 12px!important;background:transparent!important;color:#fff!important;font:14px Tahoma,Arial!important;text-shadow:none!important}.login-field input::placeholder{color:#91aabd!important;opacity:1!important}
.login-card label.otp-field{display:none!important}.login-submit{height:54px!important;margin:6px 0 0!important;background:linear-gradient(90deg,#08a9ed,#1ed0f4)!important;color:#fff!important;box-shadow:0 12px 30px rgba(8,169,237,.27)!important}
.login-security{display:block!important}.login-footer{display:flex!important}.login-card .form-message{position:static!important;width:auto!important;margin:8px 0 -4px!important;padding:0!important;background:transparent!important}
@media(max-width:900px){
 .login-experience{overflow:auto!important;background-image:url('/iks-login-scene-mobile.png')!important;background-position:center!important;background-size:cover!important}.login-experience:before{background:linear-gradient(rgba(2,13,27,.25),rgba(2,13,27,.64))!important}
 .login-stage{display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;min-height:100dvh!important;padding:28px 18px 76px!important;gap:22px!important}
 .login-hero{display:block!important;width:min(100%,430px)!important;height:auto!important;min-height:270px!important}.login-hero-brand{position:relative!important;justify-content:center!important}.login-hero-copy{display:none!important}
 .login-visual-card{display:block!important;margin:22px auto 0!important;padding:12px!important;border:1px solid rgba(93,204,255,.5)!important;border-radius:22px!important;background:rgba(5,32,60,.62)!important;box-shadow:0 18px 50px rgba(0,0,0,.35),0 0 24px rgba(17,190,255,.15)!important;backdrop-filter:blur(14px)!important}
 .visual-bar{display:flex!important;justify-content:space-between!important;color:#dceefa!important;font-size:11px!important;margin-bottom:9px!important}.visual-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important}.visual-grid span{display:flex!important;height:64px!important;align-items:flex-end!important;padding:7px!important;border-radius:8px!important;background:linear-gradient(145deg,#234c70,#0b2744)!important;color:#e9f7ff!important;font-size:10px!important}.visual-controls{display:flex!important;justify-content:center!important;gap:10px!important;margin-top:10px!important}.visual-controls i{width:28px!important;height:28px!important;border-radius:50%!important;background:#173d61!important}.visual-controls i.hangup{background:#d43c43!important}
 .login-card{width:min(100%,430px)!important;padding:28px 22px 23px!important;border-radius:25px!important}.login-card-brand{display:none!important}.login-card .dialog-head{margin-bottom:19px!important}.login-card .dialog-head h2{font-size:24px!important}
 .login-footer{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;justify-content:center!important;margin:-52px auto 20px!important}.login-footer span:last-child{display:none!important}
}

/* Real, responsive login UI. Only the photographic scene is raster artwork. */
.login-experience{background:#061426 url('/iks-login-scene-desktop.png') center/cover no-repeat!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.login-experience:before{background:linear-gradient(90deg,rgba(2,13,27,.86) 0%,rgba(2,17,34,.42) 42%,rgba(2,14,28,.18) 66%,rgba(2,14,28,.55) 100%)!important;backdrop-filter:none!important}
.login-stage{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:minmax(520px,1fr) minmax(320px,390px)!important;gap:clamp(42px,7vw,112px)!important;align-items:center!important;width:min(1180px,calc(100% - 72px))!important;height:100%!important;margin:auto!important;padding:54px 0 70px!important}
.login-hero{display:flex!important;position:relative!important;height:100%!important;min-height:520px!important;align-items:flex-start!important}
.login-hero-brand{display:flex!important;position:absolute!important;top:0!important;left:0!important;align-items:center!important;gap:12px!important;font:300 27px/1 Arial!important;color:#fff!important}
.login-hero-brand img{width:48px!important;height:48px!important}
.login-hero-copy{display:block!important;position:absolute!important;left:0!important;top:25%!important;text-align:left!important;direction:rtl!important;text-shadow:0 3px 18px rgba(0,0,0,.72)!important}
.login-hero-copy .login-kicker{display:none!important}
.login-hero-copy h1{margin:0!important;font-size:clamp(46px,5vw,72px)!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-2px!important;color:#fff!important}
.login-hero-copy h1 em{color:#17c9f5!important;font-style:normal!important}
.login-hero-copy p{font-size:21px!important;color:#cfdfec!important;margin:20px 0!important}
.login-hero-copy small{display:block!important;color:#9ab4ca!important;letter-spacing:5px!important;font-size:9px!important;direction:ltr!important}
.login-card{position:relative!important;top:auto!important;right:auto!important;left:auto!important;width:auto!important;margin:0!important;padding:34px 30px 27px!important;border:1px solid rgba(150,216,255,.52)!important;border-radius:28px!important;background:linear-gradient(160deg,rgba(23,62,99,.72),rgba(4,20,40,.91))!important;box-shadow:0 30px 85px rgba(0,0,0,.52),0 0 30px rgba(20,183,255,.18),inset 0 1px rgba(255,255,255,.2)!important;backdrop-filter:blur(22px)!important}
.login-card-brand{display:flex!important;margin-bottom:22px!important}
.login-card .dialog-head{display:flex!important;margin-bottom:20px!important}
.login-card .dialog-head>div>span{display:none!important}
.login-card .dialog-head h2{font-size:20px!important}
.login-card form{width:100%!important}
.login-card label{display:block!important;height:auto!important;margin:0 0 13px!important;font-size:0!important}
.login-card label>span{display:none!important}
.login-field{display:flex!important;height:54px!important;padding:0 16px!important;border:1px solid rgba(141,204,245,.36)!important;border-radius:12px!important;background:rgba(4,25,49,.45)!important;box-shadow:none!important}
.login-field:focus-within{border-color:#19c9f4!important;background:rgba(4,27,52,.72)!important;box-shadow:0 0 0 3px rgba(25,201,244,.13)!important}
.login-field i{display:block!important;color:#91b5d0!important;font:normal 19px Arial!important}
.login-field input,.login-field input:focus,.login-field input:not(:placeholder-shown){height:100%!important;padding:0 12px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font:14px Tahoma,Arial!important;text-shadow:none!important}
.login-field input::placeholder{color:#91aabd!important;opacity:1!important}
.otp-field{display:none!important}
.login-submit{height:54px!important;margin:6px 0 0!important;border-radius:12px!important;background:linear-gradient(90deg,#08a9ed,#1ed0f4)!important;color:#fff!important;box-shadow:0 12px 30px rgba(8,169,237,.27)!important}
.login-submit:hover,.login-submit:focus-visible{filter:brightness(1.08)!important;box-shadow:0 0 0 3px rgba(100,224,255,.25),0 12px 30px rgba(8,169,237,.27)!important}
.login-security{display:block!important;margin-top:18px!important;padding-top:16px!important;border-top:1px solid rgba(135,194,231,.15)!important;text-align:center!important;color:#819eb5!important;font-size:11px!important}
.login-card .form-message{position:static!important;width:auto!important;margin:8px 0 -4px!important;padding:0!important;background:transparent!important;color:#ffb5bc!important;font-size:12px!important}
.login-footer{display:flex!important}

@media(max-width:900px){
  .login-experience{overflow:auto!important;background-image:url('/iks-login-scene-mobile.png')!important;background-position:center!important;background-size:cover!important}
  .login-experience:before{background:linear-gradient(rgba(2,13,27,.28),rgba(2,13,27,.62))!important}
  .login-stage{display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;min-height:100dvh!important;padding:28px 18px 76px!important;gap:22px!important}
  .login-hero{display:block!important;width:min(100%,430px)!important;height:auto!important;min-height:270px!important;flex:0 0 auto!important}
  .login-hero-brand{position:relative!important;justify-content:center!important;font-size:24px!important}
  .login-hero-copy{display:none!important}
  .login-visual-card{display:block!important;margin:22px auto 0!important;padding:12px!important;border:1px solid rgba(93,204,255,.5)!important;border-radius:22px!important;background:rgba(5,32,60,.62)!important;box-shadow:0 18px 50px rgba(0,0,0,.35),0 0 24px rgba(17,190,255,.15)!important;backdrop-filter:blur(14px)!important}
  .visual-bar{display:flex!important;justify-content:space-between!important;color:#dceefa!important;font-size:11px!important;margin-bottom:9px!important}
  .visual-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important}
  .visual-grid span{display:flex!important;height:64px!important;align-items:flex-end!important;padding:7px!important;border-radius:8px!important;background:linear-gradient(145deg,#234c70,#0b2744)!important;color:#e9f7ff!important;font-size:10px!important}
  .visual-controls{display:flex!important;justify-content:center!important;gap:10px!important;margin-top:10px!important}
  .visual-controls i{width:28px!important;height:28px!important;border-radius:50%!important;background:#173d61!important}.visual-controls i.hangup{background:#d43c43!important}
  .login-card{width:min(100%,430px)!important;padding:28px 22px 23px!important;border-radius:25px!important;background:linear-gradient(160deg,rgba(18,58,94,.82),rgba(4,20,40,.94))!important}
  .login-card-brand{display:none!important}
  .login-card .dialog-head{margin-bottom:19px!important}
  .login-card .dialog-head h2{font-size:24px!important}
  .login-footer{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;justify-content:center!important;margin:-52px auto 20px!important}
  .login-footer span:last-child{display:none!important}
}

/* Mobile containment and form reset. */
.login-card form{padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;max-width:none!important}
.login-card .dialog-head{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.login-card .dialog-head>div{width:100%!important}
.login-card label.otp-field{display:none!important}
@media(max-width:900px){.login-stage,.login-hero,.login-visual-card,.login-card,.login-card form{box-sizing:border-box!important;max-width:100%!important}.login-stage{overflow:hidden!important}.login-card .dialog-head{display:flex!important;justify-content:center!important;text-align:center!important}.login-card .dialog-head h2{display:block!important;margin:0!important;color:#fff!important;background:transparent!important}}
@media(max-width:900px){body.login-mode{max-width:100%!important;overflow-x:hidden!important}.login-experience{box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}.login-stage{box-sizing:border-box!important;width:100vw!important;max-width:100vw!important}.login-hero,.login-card{width:calc(100vw - 36px)!important;max-width:calc(100vw - 36px)!important;min-width:0!important}.login-visual-card{width:100%!important;min-width:0!important}.login-field input{min-width:0!important;width:100%!important}}

/* The authenticated dashboard keeps its original layout and scrolling rules. */
body:not(.login-mode){overflow:visible!important;max-width:none!important;background:radial-gradient(circle at 10% 0,#e7f1ff 0,transparent 32%),#f3f7fc!important}
.login-experience:not([open]){display:none!important}

/* Cross-browser glass controls, including browsers without backdrop-filter. */
.login-card{background-color:#0a2744!important;background-image:linear-gradient(160deg,rgba(27,68,106,.94),rgba(4,22,42,.97))!important;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.login-field{box-sizing:border-box!important;background-color:#0b2d4d!important;background-image:linear-gradient(135deg,rgba(22,62,99,.78),rgba(6,31,57,.9))!important;border:1px solid #4f7da0!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-appearance:none;appearance:none}
.login-field:focus-within{background-color:#0d3559!important;background-image:linear-gradient(135deg,#16496f,#0a2d4d)!important;border-color:#20cafa!important}
.login-field input{box-sizing:border-box!important;-webkit-appearance:none!important;appearance:none!important;color-scheme:dark!important;background-color:transparent!important;background-image:none!important}
.login-field input:-webkit-autofill,.login-field input:-webkit-autofill:hover,.login-field input:-webkit-autofill:focus{-webkit-text-fill-color:#fff!important;caret-color:#fff!important;-webkit-box-shadow:0 0 0 1000px #0b2d4d inset!important;box-shadow:0 0 0 1000px #0b2d4d inset!important;transition:background-color 99999s ease-out 0s!important}
.login-field input:autofill{color:#fff!important;background:#0b2d4d!important;box-shadow:0 0 0 1000px #0b2d4d inset!important}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){.login-card{background:#092642!important}.login-field,.login-field:focus-within{background:#0b2d4d!important}}
@media(max-width:900px){.login-card{background:transparent!important;background-image:none!important}.login-field{background-color:#0b2d4d!important;background-image:linear-gradient(135deg,#123b61,#082844)!important}}
.login-hero-brand{gap:15px!important;font-size:31px!important}.login-hero-brand img{width:82px!important;height:54px!important;object-fit:contain!important}.login-hero-brand span{white-space:nowrap!important}
@media(max-width:900px){.login-hero-brand{gap:10px!important;font-size:25px!important}.login-hero-brand img{width:62px!important;height:42px!important}}
@media(max-width:900px){.login-stage{width:100%!important;max-width:100%!important;padding:28px 0 76px!important;align-items:center!important}.login-hero,.login-card{width:calc(100% - 36px)!important;max-width:430px!important;margin-left:auto!important;margin-right:auto!important}.login-stage:before{content:"";position:absolute;inset:8px;z-index:-1;border:1px solid rgba(116,203,255,.22);border-radius:34px;background:linear-gradient(180deg,rgba(4,24,47,.2),rgba(4,20,40,.38));box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 55px rgba(0,0,0,.22);pointer-events:none}}
@media(max-width:430px){.login-hero,.login-card{width:calc(100vw - 72px)!important;max-width:calc(100vw - 72px)!important}.login-card{padding-left:18px!important;padding-right:18px!important}.login-hero-brand{font-size:22px!important}.login-hero-brand img{width:54px!important}}
@media(max-width:900px){.login-hero,.login-card{width:calc(100% - 36px)!important;max-width:354px!important}.login-visual-card{width:100%!important;max-width:354px!important}}
@media(max-width:900px){.login-hero,.login-card{transform:translateX(-34px)!important}}

/* Mobile phone composition matching the supplied portrait reference. */
.mobile-login-extras{display:none}
@media(max-width:900px){
 body.login-mode{min-height:100dvh;background:#061426!important}
 .login-experience{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;padding:10px!important;background:#07172a url('/iks-login-scene-mobile.png') center/cover no-repeat!important}
 .login-experience:before{background:linear-gradient(90deg,rgba(3,14,28,.36),rgba(3,14,28,.08) 52%,rgba(3,14,28,.24))!important}
 .login-stage{position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;width:calc(100vw - 18px)!important;max-width:354px!important;height:calc(100dvh - 16px)!important;min-height:0!important;margin:0 auto!important;padding:54px 18px 24px!important;border:9px solid #050b13!important;border-radius:52px!important;background:linear-gradient(180deg,rgba(4,27,53,.97),rgba(2,20,40,.98))!important;box-shadow:0 0 0 2px #527b9d,0 0 0 5px #0c1724,0 24px 70px #000b,0 0 25px #18bdf055!important;overflow-y:auto!important;overflow-x:hidden!important;transform:none!important;scrollbar-width:none!important}
 .login-stage::-webkit-scrollbar{display:none}.login-stage:before{content:'9:41';position:absolute!important;inset:18px auto auto 28px!important;z-index:10!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#eef8ff!important;font:700 12px Arial!important}.login-stage:after{content:'';position:absolute;top:13px;left:50%;width:104px;height:27px;transform:translateX(-50%);border-radius:20px;background:#02070d;box-shadow:inset 0 -1px #22364b}
 .login-hero,.login-card{transform:none!important;width:100%!important;max-width:100%!important;margin:0!important}
 .login-hero{display:block!important;height:auto!important;min-height:0!important;flex:none!important}
 .login-hero-brand{position:relative!important;top:auto!important;left:auto!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:9px!important;margin:5px 0 16px!important;font-size:24px!important}.login-hero-brand img{display:none!important}.login-hero-brand:before{content:'';display:block;width:35px;height:35px;border:4px solid #13c6f5;border-radius:50%;box-sizing:border-box;box-shadow:inset 0 0 0 5px #0b426d,0 0 14px #12c7f577}.login-hero-brand:after{content:'◎  فارسی⌄';position:absolute;top:-28px;right:2px;color:#d8ebf8;font:11px Tahoma,Arial}.login-hero-brand span{font-size:24px!important}
 .login-visual-card{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:8px!important;border:1px solid rgba(97,198,255,.55)!important;border-radius:18px!important;background:rgba(10,45,79,.72)!important;box-shadow:0 12px 32px #0007,0 0 17px #10bff02b!important;box-sizing:border-box!important}
 .visual-bar{display:none!important}.visual-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important}.visual-grid span{position:relative!important;display:flex!important;height:86px!important;align-items:flex-end!important;padding:7px!important;overflow:hidden!important;border-radius:7px!important;background-image:linear-gradient(0deg,rgba(2,16,31,.7),transparent 50%),url('/iks-mobile-participants-v1.png')!important;background-size:200% 200%!important;background-repeat:no-repeat!important;color:#fff!important;font:10px Tahoma,Arial!important;text-shadow:0 1px 3px #000!important}.visual-grid span:nth-child(1){background-position:0 0!important}.visual-grid span:nth-child(2){background-position:100% 0!important}.visual-grid span:nth-child(3){background-position:0 100%!important}.visual-grid span:nth-child(4){background-position:100% 100%!important}
 .visual-controls{display:flex!important;height:34px!important;justify-content:center!important;gap:10px!important;margin:8px 0 0!important}.visual-controls i{display:block!important;width:30px!important;height:30px!important;border-radius:50%!important;background:#173c61!important;box-shadow:inset 0 1px #ffffff1f!important}.visual-controls i.hangup{background:#d83f46!important}
 .login-card{flex:none!important;margin:14px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
 .login-card-brand{display:none!important}.login-card .dialog-head{display:flex!important;justify-content:center!important;margin:0 0 12px!important;padding:0!important}.login-card .dialog-head h2{font-size:23px!important;line-height:1.5!important}
 .login-card form{display:block!important}.login-card label{margin-bottom:10px!important}.login-field{height:52px!important;border:1px solid rgba(137,196,237,.55)!important;border-radius:11px!important;background:rgba(17,54,88,.48)!important}.login-field:focus-within{border-color:#20cafa!important;background:rgba(17,54,88,.72)!important}.login-field input{font-size:13px!important}.login-submit{height:54px!important;margin:2px 0 0!important;font-size:16px!important}
 .mobile-login-extras{display:block!important}.mobile-or{display:flex;align-items:center;gap:10px;margin:10px 0 8px;color:#7998b2;font-size:11px}.mobile-or:before,.mobile-or:after{content:'';height:1px;flex:1;background:#284864}.mobile-org-login{width:100%;height:50px;border:1px solid rgba(138,201,244,.55);border-radius:11px;background:rgba(7,31,58,.32);color:#f0f8ff;font:15px Tahoma,Arial}.mobile-org-login b{font-size:20px;margin-left:8px}.mobile-forgot{display:block;margin:11px 0 0;text-align:center;color:#29bfea;font-size:11px;text-decoration:none}
 .login-security{margin-top:10px!important;padding-top:10px!important;font-size:10px!important}.login-security:after{content:'IKS Connect';display:block;margin-top:3px;font:8px Arial;color:#66869f}.login-footer{display:none!important}
}
@media(max-width:380px){.login-stage{padding-left:14px!important;padding-right:14px!important;border-radius:46px!important}.visual-grid span{height:72px!important}.login-hero-brand{margin-bottom:10px!important}.login-card{margin-top:10px!important}.login-field,.login-submit{height:48px!important}.mobile-org-login{height:46px}.login-security{margin-top:7px!important;padding-top:7px!important}}

/* A real mobile screen: no second phone mockup and no photographic template. */
@media(max-width:900px){
 .login-experience[open]{position:fixed!important;inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:block!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#031a32!important;overflow-y:auto!important;overflow-x:hidden!important}
 .login-experience:before{position:fixed!important;background:radial-gradient(circle at 50% 0,rgba(11,70,116,.42),transparent 42%),linear-gradient(180deg,#052544,#03172e)!important}
 .login-stage{position:relative!important;inset:auto!important;display:flex!important;width:100%!important;max-width:354px!important;height:auto!important;min-height:100dvh!important;margin:0 auto!important;padding:28px 0 24px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;transform:none!important}
 .login-stage:before,.login-stage:after{display:none!important}
 .login-hero,.login-card{width:100%!important;max-width:100%!important;transform:none!important}
 .login-hero-brand{margin-top:0!important}.login-hero-brand:after{top:-2px!important;right:0!important;transform:translateY(-100%)!important}
}