:root{--blue:#0828df;--navy:#0c1b42;--yellow:#ffd000;--muted:#75819c;--line:#dce3f0;--bg:#f5f7fc;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--navy)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffca15;outline-offset:3px}
.login-layout{min-height:100svh;display:grid;grid-template-columns:56.5% 43.5%;background:#fff}.brand{position:relative;isolation:isolate;min-height:760px;overflow:hidden;background:linear-gradient(135deg,#0d347b,#061843);color:white}.brand:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,18,49,.82),rgba(4,18,49,.18) 90%),linear-gradient(0deg,rgba(3,16,44,.85),transparent 65%)}.brand-photo{position:absolute;inset:0;z-index:-2;background:url('/assets/auth/login-visual.jpg') 64% 38%/cover no-repeat;filter:saturate(1.05)}.brand-inner{min-height:100svh;padding:clamp(35px,6vw,98px);display:flex;flex-direction:column;justify-content:space-between;position:relative}.brand-logo{width:275px;max-width:50%;height:auto;mix-blend-mode:screen;filter:contrast(1.3)}.slogan{margin:80px 0 50px;max-width:530px}.yellow-line{width:44px;height:4px;background:var(--yellow);border-radius:10px;margin-bottom:26px}.slogan h1{font-size:clamp(34px,3.25vw,53px);line-height:1.13;letter-spacing:-.045em;margin:0;font-weight:750}.slogan h1 em{font-style:normal;color:var(--yellow)}.slogan p{font-size:12px;font-weight:700;letter-spacing:.24em;margin-top:25px}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;max-width:660px}.feature{padding:22px 20px;border:1px solid #ffffff3a;border-radius:16px;background:#0b1c4770;backdrop-filter:blur(14px)}.feature .symbol{font-size:26px;color:var(--yellow);margin-bottom:14px}.feature strong{display:block;font-size:16px}.feature small{display:block;font-size:13px;color:#e0e8fa;margin-top:7px}.wave{position:absolute;right:-180px;bottom:-390px;width:600px;height:500px;border:90px solid var(--yellow);border-radius:50%;pointer-events:none}.auth-side{position:relative;display:flex;justify-content:center;align-items:center;padding:100px 45px 80px;background:#fff;overflow:hidden}.auth-side:after{content:"";position:absolute;bottom:-165px;right:-130px;width:720px;height:230px;border-radius:50%;transform:rotate(-9deg);background:linear-gradient(90deg,#ffcf002b,#0828df15);pointer-events:none}.language{position:absolute;top:34px;right:clamp(30px,4vw,80px);z-index:2;border:1px solid var(--line);border-radius:12px;background:white;padding:11px 14px}.language select{border:0;background:transparent;color:var(--navy);font-weight:700}.panel{width:min(100%,490px);position:relative;z-index:1}.mini-logo{width:128px;height:75px;object-fit:contain;display:block;margin:0 auto 18px}.panel h2{font-size:clamp(31px,3vw,49px);line-height:1.1;letter-spacing:-.05em;margin:0 0 13px}.panel h2 span{color:var(--blue)}.sub{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 38px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:650;margin-bottom:8px}.input-wrap{border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:12px;min-height:58px;padding:0 15px;background:white}.input-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px #0828df12}.input-wrap input{min-width:0;flex:1;border:0;outline:0;background:none;color:var(--navy);font-size:15px}.input-wrap input::placeholder{color:#929cb0}.input-wrap select{border:0;background:white;color:var(--navy);max-width:125px;font-size:13px}.input-icon{font-size:18px;color:#354970}.eye{border:0;background:none;color:#344b7d;font-size:19px;padding:8px}.forgot{text-align:right;margin:-7px 0 26px;font-size:14px}.btn{width:100%;border:0;border-radius:11px;background:var(--blue);color:#fff;font-weight:700;font-size:15px;min-height:58px;display:flex;align-items:center;justify-content:center;gap:16px;transition:.2s}.btn:hover{background:#071eb7;box-shadow:0 8px 22px #0828df28}.btn:disabled{opacity:.6}.outline{background:#fff;color:var(--navy);border:1px solid var(--line)}.outline:hover{background:#f6f8ff;box-shadow:none}.divider{display:flex;align-items:center;gap:15px;color:#8490a8;font-size:13px;margin:26px 0}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.foot{margin-top:44px;color:#7c88a0;text-align:center;font-size:13px}.back{display:inline-block;margin-bottom:32px;font-size:14px}.steps{display:flex;justify-content:center;gap:12px;margin-bottom:38px;color:#9ba6b9;font-size:12px}.steps .active{color:var(--blue);font-weight:700}.circle{height:70px;width:70px;border-radius:50%;display:grid;place-items:center;background:#edf2ff;color:var(--blue);font-size:30px;margin:0 auto 24px}.center{text-align:center}.code-input{font-size:25px!important;letter-spacing:.32em;text-align:center}.muted{color:var(--muted);font-size:13px}.message{padding:12px 14px;border-radius:9px;background:#f1f5ff;color:#233f90;margin:0 0 20px;font-size:13px;line-height:1.5}.message.error{background:#fff0f1;color:#a7283c}.message.success{background:#eaf8f0;color:#187248}.rule{font-size:12px;color:var(--muted);margin:8px 0}.hidden{display:none!important}.mobile-brand{display:none}.loader{display:none}.busy .loader{display:inline-block}.busy .button-text{opacity:.65}
@media(max-width:900px){.login-layout{display:block}.brand{min-height:220px}.brand-inner{min-height:220px;padding:26px 28px}.brand-logo,.features,.wave{display:none}.slogan{margin:auto 0}.slogan h1{font-size:28px;max-width:420px}.slogan p{font-size:10px;margin-top:14px}.brand-photo{background-position:50% 28%}.auth-side{padding:65px 24px 48px;align-items:flex-start;min-height:calc(100svh - 220px)}.language{top:17px;right:24px}.mobile-brand{display:block}.panel{max-width:480px}.panel h2{font-size:34px}.sub{margin-bottom:28px}}@media(max-width:460px){.brand,.brand-inner{min-height:170px}.slogan h1{font-size:24px;max-width:310px}.auth-side{padding:50px 22px 40px}.panel h2{font-size:31px}.sub{font-size:14px}.foot{margin-top:30px}.steps{font-size:10px;gap:7px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Reference-faithful desktop treatment: no duplicate elements over the supplied artwork. */
.login-layout{grid-template-columns:56.3% 43.7%;background:#f5f7fc;min-height:100svh}
.brand{min-height:100svh;background:#071a44;overflow:hidden}
.brand-photo{inset:0;background:url('/assets/auth/brand-reference.webp') center center / cover no-repeat;filter:none}
.brand:before,.brand:after{display:none!important}
.brand-inner{display:none!important}
.auth-side{margin:30px 28px 30px -64px;border-radius:28px;min-height:calc(100svh - 60px);padding:95px clamp(40px,5.5vw,110px);box-shadow:0 14px 44px rgba(21,39,82,.08);align-items:center}
.auth-side:after{bottom:-135px;right:-180px;transform:rotate(-12deg);width:800px;height:220px;background:linear-gradient(90deg,rgba(255,208,0,.13),rgba(8,40,223,.1))}
.panel{max-width:510px}
.panel h2{font-size:clamp(38px,3vw,51px)}
.panel .sub{font-size:17px;margin-bottom:48px}
.form-group label{font-size:14px}
.input-wrap{min-height:63px}
.btn{min-height:62px}
.foot{font-style:italic;text-align:right;padding-right:20px;margin-top:48px}
.language{top:38px;right:44px}
@media(max-width:900px){.login-layout{display:block}.brand{min-height:225px;height:225px}.brand-photo{background-size:cover;background-position:center 35%}.auth-side{margin:-25px 0 0;border-radius:28px 28px 0 0;min-height:calc(100svh - 200px);padding:75px 24px 55px}.panel .sub{font-size:15px;margin-bottom:30px}.panel h2{font-size:34px}.foot{text-align:center}.language{top:16px;right:24px}}
@media(max-width:460px){.brand{height:175px;min-height:175px}.auth-side{margin-top:-20px;min-height:calc(100svh - 155px);padding:60px 22px 40px}.panel h2{font-size:31px}.input-wrap{min-height:56px}.btn{min-height:56px}}

.mobile-brand{display:none!important}

/* 2026-10-30: Preserve artwork aspect ratio at every viewport. */
@media(min-width:901px){
  .brand-photo{background-size:cover;background-position:center center}
  .login-layout{grid-template-columns:minmax(0,56.3fr) minmax(0,43.7fr)}
  .auth-side{margin-left:-52px;margin-right:clamp(16px,1.8vw,30px)}
}
@media(min-width:901px) and (max-height:760px){
  .auth-side{padding-top:70px;padding-bottom:60px}
  .panel .sub{margin-bottom:30px}
  .foot{margin-top:28px}
}

/* IMAGE 1 RESTORATION — auth panel, October 2026 */
@media (min-width:901px){
 .auth-side{margin:4px 20px 4px -52px;min-height:calc(100svh - 8px);border-radius:27px;padding:110px clamp(55px,5.4vw,105px) 125px;overflow:hidden;box-shadow:0 10px 35px #1527520b}
 .panel{width:min(100%,520px);max-width:520px;transform:translateY(-7px)}
 .panel h2{font-size:clamp(39px,3.05vw,51px);line-height:1.1;letter-spacing:-.045em;margin-bottom:14px}
 .panel .sub{font-size:17px;line-height:1.52;margin-bottom:53px}
 .input-wrap{min-height:65px;border-radius:13px;padding:0 18px;gap:16px}
 .btn{min-height:63px;border-radius:12px}
 .form-group{margin-bottom:23px}
 .forgot{margin:-5px 0 27px;font-size:15px}
 .divider{margin:28px 0}
 .foot{position:relative;margin:46px 0 0 auto;width:max-content;max-width:180px;text-align:left;padding:0;font-size:17px;line-height:1.35;font-style:italic}
 .foot:after{content:"";display:block;width:52px;height:4px;border-radius:5px;background:#ffd000;margin-top:14px}
 .language{top:36px;right:45px;padding:13px 16px}
}
/* Hide labels visually, keep them accessible to assistive technology. */
#login-view .form-group label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#login-view .input-wrap input{font-size:16px;min-height:44px}
#login-view .input-wrap input::placeholder{color:#8d99b1;opacity:1}
#login-view .input-icon{display:inline-flex;align-items:center;justify-content:center;width:21px;flex:0 0 21px;font-size:0}
#login-view .input-icon:before{content:"";display:block;width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:center}
#login-view .form-group:first-of-type .input-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101d43' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2A19.79 19.79 0 0 1 2.09 4.18 2 2 0 0 1 4.08 2h3a2 2 0 0 1 2 1.72l.5 3a2 2 0 0 1-.57 1.73L7.1 10.4a16 16 0 0 0 6.5 6.5l1.95-1.91a2 2 0 0 1 1.73-.57l3 .5A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E")}
#login-view .form-group:nth-of-type(2) .input-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101d43' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10' width='14' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}
#login-view .eye{font-size:0;width:35px;height:35px;display:grid;place-items:center}
#login-view .eye:before{content:"";width:21px;height:21px;display:block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101d43' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18M10.58 10.59a2 2 0 0 0 2.83 2.82'/%3E%3Cpath d='M9.88 5.09A10.94 10.94 0 0 1 12 4c5 0 9 4.5 10 8a12.38 12.38 0 0 1-3.3 4.8M6.2 6.2C4.25 7.55 2.8 9.54 2 12c1 3.5 5 8 10 8 1.7 0 3.3-.5 4.7-1.3'/%3E%3C/svg%3E") center/contain no-repeat}
#login-view .btn.outline span:first-child{font-size:0!important;display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px}
#login-view .btn.outline span:first-child:before{content:"";width:25px;height:25px;display:block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230828df' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M12 3a9 9 0 0 0-9 9v2m18 0v-2a9 9 0 0 0-9-9M7 18v-6a5 5 0 0 1 10 0v5M10 21v-9a2 2 0 0 1 4 0v8M5 16v-4a7 7 0 0 1 14 0v4M8 21v-3m8 3v-4'/%3E%3C/svg%3E") center/contain no-repeat}
/* Reference-style layered bottom waves, behind interactive content. */
.auth-side:after{z-index:0!important;bottom:-90px!important;right:-145px!important;width:820px!important;height:195px!important;transform:rotate(-7deg)!important;background:linear-gradient(95deg,rgba(255,208,0,.24),rgba(255,208,0,.10) 43%,rgba(8,40,223,.08) 76%)!important;border-radius:55% 45% 0 0!important}
.auth-side:before{content:"";position:absolute;z-index:0;bottom:-119px;left:-120px;width:920px;height:185px;border-radius:50% 60% 0 0;background:linear-gradient(90deg,rgba(8,40,223,.17),rgba(8,40,223,.06));transform:rotate(11deg);pointer-events:none}
@media(max-width:900px){.auth-side{overflow:hidden}.panel{z-index:1}.panel h2{line-height:1.12}.panel .sub{margin-bottom:34px}#login-view .form-group{margin-bottom:17px}.foot{position:relative;text-align:right;margin-top:40px;padding-right:0;font-style:italic}.foot:after{content:"";display:block;width:46px;height:4px;border-radius:4px;background:#ffd000;margin:10px 0 0 auto}}

/* CHIC MOBIL female hero — faithful composition, without duplicated HTML overlays */
@media(min-width:901px){.login-layout{grid-template-columns:minmax(0,56.8fr) minmax(0,43.2fr)}.brand{min-height:100svh;background:#0a2458}.brand-photo{inset:0;background-image:url('/assets/auth/lady-panel.webp');background-size:cover;background-position:center center;filter:none}.brand:before,.brand:after,.brand-inner{display:none!important}.auth-side{min-height:100svh;padding:76px clamp(36px,4.5vw,78px);border-radius:28px 0 0 28px}.panel{max-width:490px}.auth-side:after{background:linear-gradient(90deg,#ffd00020,#0828df15)}}
@media(max-width:900px){.brand{height:clamp(280px,62vw,510px);min-height:0}.brand-photo{inset:0;background-image:url('/assets/auth/lady-panel.webp');background-size:cover;background-position:center center;filter:none}.brand:before,.brand:after,.brand-inner{display:none!important}.auth-side{border-radius:32px 32px 0 0;margin-top:-25px;z-index:2;min-height:0}.auth-side .panel{max-width:490px}}

/* APPROVED 1661x896 TARGET — final layout correction */
@media(min-width:901px){
 .login-layout{grid-template-columns:minmax(0,56.8fr) minmax(0,43.2fr)!important;min-height:100svh}
 .brand{min-height:100svh!important;overflow:hidden}
 .brand-photo{background-image:url('/assets/auth/lady-panel.webp')!important;background-size:cover!important;background-position:center center!important;filter:none!important}
 .brand-inner,.brand:before,.brand:after{display:none!important}
 .auth-side{min-height:calc(100svh - 46px)!important;margin:23px 22px 23px -23px!important;border-radius:27px!important;padding:80px clamp(40px,5.7vw,95px) 75px!important;overflow:hidden!important;align-items:center!important;position:relative!important;box-shadow:0 12px 42px rgba(15,31,77,.07)}
 .panel{width:100%!important;max-width:540px!important;margin:0 auto!important;transform:none!important}
 .language{top:37px!important;right:50px!important;padding:12px 16px!important}
 #login-view{position:relative}
 #login-view:before{content:"";display:block;width:51px;height:6px;border-radius:9px;background:#ffc600;margin:0 0 22px}
 #login-view h2{font-size:clamp(38px,3vw,49px)!important;line-height:1.08!important;letter-spacing:-.055em!important;margin-bottom:14px!important}
 #login-view .sub{font-size:17px!important;line-height:1.45!important;margin:0 0 37px!important;max-width:480px}
 #login-view .form-group{margin-bottom:18px!important}
 #login-view .form-group label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
 #login-view .input-wrap{min-height:65px!important;border-radius:13px!important;padding:0 18px!important;gap:15px!important}
 #login-view .input-wrap input{font-size:16px!important}
 #login-view .input-wrap select{font-size:15px!important;max-width:155px!important}
 #login-view .forgot{margin:-7px 0 25px!important;font-size:15px!important}
 #login-view .btn{min-height:60px!important;font-size:16px!important;border-radius:12px!important}
 #login-view .divider{margin:20px 0!important}
 #login-view .btn.outline{min-height:60px!important}
 .login-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-top:49px;font-size:14px;line-height:1.4}
 .trust{display:flex;gap:15px;align-items:flex-start;color:#75819c}.trust svg{width:32px;height:32px;flex:none;color:#0925d8}.trust span{display:block}.trust i{display:block;width:45px;height:4px;background:#ffc600;border-radius:4px;margin-top:10px}
 .contact{text-align:right;color:#75819c}.contact span{display:block}.contact button{display:block;border:0;background:transparent;color:#0828df;font-weight:600;padding:0;cursor:pointer;font-size:14px}
 .auth-side:before,.auth-side:after{opacity:.45!important}
}
@media(max-width:900px){
 .brand-photo{background-image:url('/assets/auth/lady-panel.webp')!important;background-size:cover!important;background-position:center 34%!important}
 .brand-inner,.brand:before,.brand:after{display:none!important}
 #login-view:before{content:"";display:block;width:44px;height:4px;background:#ffc600;border-radius:4px;margin-bottom:16px}
 #login-view .form-group label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
 .login-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:32px;font-size:12px}
 .trust{display:flex;gap:8px;color:#75819c}.trust svg{width:24px;height:24px;flex:none;color:#0925d8}.trust span{display:block}.trust i{display:block;width:35px;height:3px;background:#ffc600;margin-top:8px}
 .contact{text-align:right;color:#75819c}.contact span{display:block}.contact button{border:0;background:none;color:#0828df;padding:0;font-size:12px;font-weight:600;text-align:right}
}

/* Precision pass: screenshot 2 is the reference; screenshot 1 is the current result.
   Desktop form is intentionally more compact; all adjustments scoped to login. */
.country-flag{font-size:22px;line-height:1;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:27px}
#login-view #dial-code{font-weight:600;color:#10204a;max-width:112px;flex:0 0 auto;appearance:auto;padding:4px 0;cursor:pointer}
#login-view #phone{width:100%;min-width:0}
@media(min-width:901px){
  .login-layout{grid-template-columns:minmax(0,56.8fr) minmax(0,43.2fr)!important}
  .auth-side{margin:12px 12px 12px -22px!important;min-height:calc(100svh - 24px)!important;padding:70px 46px 65px!important;border-radius:27px!important}
  .auth-side .panel{max-width:448px!important;width:100%!important;margin:0 auto!important;transform:translateY(3px)!important}
  .auth-side .language{top:30px!important;right:43px!important}
  #login-view:before{width:44px!important;height:5px!important;margin-bottom:21px!important}
  #login-view h2{font-size:clamp(34px,2.5vw,42px)!important;line-height:1.1!important;letter-spacing:-.047em!important;margin-bottom:12px!important}
  #login-view .sub{font-size:14px!important;line-height:1.52!important;max-width:390px!important;margin-bottom:32px!important}
  #login-view .form-group{margin-bottom:17px!important}
  #login-view .input-wrap{min-height:54px!important;height:54px!important;border-radius:10px!important;padding:0 13px!important;gap:11px!important}
  #login-view .input-wrap input{font-size:13px!important}
  #login-view .input-wrap select{font-size:12px!important;max-width:105px!important}
  #login-view .input-icon{font-size:17px!important}
  #login-view .forgot{margin:-7px 0 22px!important;font-size:12px!important}
  #login-view .btn{min-height:52px!important;font-size:13px!important;border-radius:10px!important}
  #login-view .divider{margin:20px 0!important;font-size:12px!important}
  #login-view .btn.outline{min-height:51px!important;font-size:13px!important}
  .login-bottom{margin-top:41px!important;font-size:12px!important;gap:15px!important}
  .trust{gap:12px!important}.trust svg{width:26px!important;height:26px!important}
  .trust i{height:3px!important;width:39px!important;margin-top:9px!important}
  .contact button{font-size:12px!important}
}
@media(max-width:900px){
  .auth-side{padding:58px 24px 48px!important}
  .auth-side .panel{max-width:480px!important}
  #login-view .input-wrap{min-height:56px!important;border-radius:12px!important;gap:10px!important}
  #login-view .btn{min-height:54px!important}
  #login-view .input-wrap select{max-width:110px!important;font-size:12px!important}
  .country-flag{font-size:21px}
  .login-bottom{flex-wrap:wrap;row-gap:20px}
}
@media(max-width:420px){
  .auth-side{padding-left:20px!important;padding-right:20px!important}
  .country-flag{font-size:18px;min-width:22px}
  #login-view .input-wrap{padding:0 10px!important;gap:7px!important}
  #login-view #dial-code{max-width:90px!important;font-size:11px!important}
  .login-bottom{font-size:11px!important}
}

/* 2026-10-30 — Match the larger reference panel, without scaling the entire page. */
.country-flag-img{display:block;flex:none;width:32px;height:22px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px #00000012}.country-flag-img[hidden]{display:none}
@media(min-width:901px){
 .auth-side .panel{max-width:620px!important;width:min(100%,620px)!important;transform:none!important}
 .auth-side{padding:60px clamp(28px,5vw,90px)!important}
 #login-view:before{width:58px!important;height:6px!important;margin-bottom:23px!important}
 #login-view h2{font-size:clamp(40px,3.25vw,57px)!important;line-height:1.09!important;margin-bottom:16px!important}
 #login-view .sub{font-size:19px!important;line-height:1.48!important;max-width:560px!important;margin-bottom:42px!important}
 #login-view .form-group{margin-bottom:22px!important}
 #login-view .input-wrap{height:72px!important;min-height:72px!important;border-radius:14px!important;padding:0 20px!important;gap:16px!important}
 #login-view .input-wrap input{font-size:17px!important}
 #login-view .input-wrap select{font-size:16px!important;max-width:130px!important}
 #login-view .input-icon{font-size:23px!important}
 #login-view .forgot{font-size:17px!important;margin:-5px 0 27px!important}
 #login-view .btn{min-height:67px!important;font-size:18px!important;border-radius:13px!important}
 #login-view .divider{margin:23px 0!important;font-size:17px!important}
 #login-view .btn.outline{min-height:67px!important;font-size:17px!important}
 .login-bottom{margin-top:52px!important;font-size:16px!important;gap:20px!important}
 .trust svg{width:34px!important;height:34px!important}.trust{gap:16px!important}
 .contact button{font-size:16px!important}
 .country-flag-img{width:38px;height:26px}
}
@media(max-width:900px){.country-flag-img{width:30px;height:21px}}
@media(max-width:390px){.country-flag-img{width:25px;height:18px}#login-view #dial-code{max-width:82px!important}}


/* CHIC MOBIL — Forgot password screen (approved reference) */
.is-forgot-page .brand-photo{background-image:url('/assets/auth/forgot-hero.webp')!important;background-position:center center!important;background-size:cover!important;filter:none!important}
.is-forgot-page .brand:before{display:none!important}
.is-forgot-page .brand-inner{visibility:hidden!important}
.is-forgot-page .auth-side{background:#f5f7fc}
.is-forgot-page .auth-side:after{display:none}
.is-forgot-page .auth-side{border-radius:28px;margin:34px 26px 34px 0;background:#fff;overflow:hidden}
.is-forgot-page .auth-side:before{content:"";position:absolute;bottom:-108px;left:-70px;width:120%;height:190px;border-radius:50%;background:linear-gradient(155deg,#dbe6ff 5%,#eef3ff 42%,#fff5d4 74%,#f6f9ff 100%);transform:rotate(-7deg);pointer-events:none}
.is-forgot-page .panel{max-width:550px}
.is-forgot-page .forgot-screen{position:relative;padding-top:20px}
.forgot-accent{width:55px;height:5px;border-radius:10px;background:#ffcd00;margin-bottom:25px}
.is-forgot-page .forgot-screen h2{font-size:clamp(33px,3vw,47px);white-space:nowrap;margin-bottom:16px}
.is-forgot-page .forgot-screen h2 span{color:#0b31dc}
.is-forgot-page .forgot-screen .sub{font-size:17px;line-height:1.55;margin-bottom:38px}
.is-forgot-page .forgot-screen .form-group{margin-bottom:26px}
.is-forgot-page .forgot-screen .input-wrap{min-height:62px}
.forgot-phone-icon{width:22px;height:22px;flex:none;color:#0b2455}
.is-forgot-page .forgot-screen .btn{min-height:62px;text-decoration:none}
.is-forgot-page .forgot-screen .divider{margin:28px 0}
.forgot-back{gap:14px}
.forgot-back span:first-child{font-size:23px;color:#0a30df}
.forgot-trust{display:flex;gap:15px;align-items:flex-start;color:#7885a2;font-size:14px;line-height:1.5;margin-top:70px}
.forgot-trust svg{width:28px;height:28px;color:#0b31dc;flex:none}
.forgot-trust i{display:block;width:48px;height:4px;background:#ffcd00;border-radius:3px;margin-top:15px}
@media(max-width:900px){
 .is-forgot-page .brand{min-height:260px}
 .is-forgot-page .brand-inner{min-height:260px}
 .is-forgot-page .brand-photo{background-position:center 28%!important}
 .is-forgot-page .auth-side{margin:-26px 0 0;border-radius:28px 28px 0 0;min-height:calc(100svh - 234px);padding:70px 24px 90px}
 .is-forgot-page .forgot-screen h2{white-space:normal}
 .is-forgot-page .forgot-trust{margin-top:50px}
}
@media(max-width:480px){
 .is-forgot-page .brand,.is-forgot-page .brand-inner{min-height:210px}
 .is-forgot-page .auth-side{margin-top:-22px;padding:65px 22px 80px}
 .is-forgot-page .forgot-screen h2{font-size:31px}
 .is-forgot-page .forgot-screen .sub{font-size:15px}
 .is-forgot-page .forgot-screen .input-wrap{gap:8px;padding:0 10px}
 .is-forgot-page .forgot-screen .input-wrap input{font-size:13px}
 .is-forgot-page .forgot-screen .input-wrap select{font-size:11px;max-width:88px}
}

/* Exact target alignment — forgot password desktop, reference 1917×1036 */
@media(min-width:901px){
body.is-forgot-page{overflow-x:hidden}
.is-forgot-page .login-layout{display:grid!important;grid-template-columns:56.7% 43.3%!important;width:100%!important;min-height:100svh!important}
.is-forgot-page .brand{min-height:100svh!important}
.is-forgot-page .brand-photo{background-image:url('/assets/auth/forgot-hero.webp')!important;background-position:left center!important;background-size:cover!important}
.is-forgot-page .auth-side{margin:clamp(18px,3.4vh,38px) clamp(18px,1.65vw,34px) clamp(18px,3.4vh,38px) 0!important;border-radius:29px!important;padding:60px clamp(35px,3.3vw,68px) 75px!important;min-height:calc(100svh - 70px)!important;align-items:center!important;justify-content:center!important}
.is-forgot-page .panel{width:100%!important;max-width:640px!important;margin:0 auto!important}
.is-forgot-page .forgot-screen{width:100%!important;max-width:640px!important;padding-top:0!important}
.is-forgot-page .forgot-accent{width:64px!important;height:6px!important;margin-bottom:28px!important}
.is-forgot-page .forgot-screen h2{font-size:clamp(35px,2.75vw,54px)!important;line-height:1.13!important;letter-spacing:-.045em!important;margin:0 0 20px!important;white-space:normal!important}
.is-forgot-page .forgot-screen .sub{font-size:clamp(17px,1.16vw,22px)!important;line-height:1.5!important;margin:0 0 43px!important}
.is-forgot-page .forgot-screen .form-group{margin-bottom:29px!important}
.is-forgot-page .forgot-screen .form-group label{font-size:15px!important;margin-bottom:12px!important}
.is-forgot-page .forgot-screen .input-wrap{min-height:74px!important;border-radius:13px!important;padding:0 18px!important;gap:14px!important}
.is-forgot-page .forgot-screen .input-wrap input{font-size:16px!important}
.is-forgot-page .forgot-screen .input-wrap select{font-size:15px!important;max-width:120px!important}
.is-forgot-page .forgot-screen .country-flag-img{width:40px!important;height:28px!important;object-fit:cover!important;border-radius:3px!important;flex:none!important}
.is-forgot-page .forgot-screen .btn{min-height:74px!important;font-size:17px!important;border-radius:13px!important}
.is-forgot-page .forgot-screen .divider{margin:28px 0!important;font-size:17px!important}
.is-forgot-page .forgot-trust{margin-top:80px!important;font-size:17px!important}
.is-forgot-page .forgot-trust svg{width:35px!important;height:35px!important}
.is-forgot-page .language{top:36px!important;right:42px!important;font-size:17px!important}
}
@media(min-width:901px) and (max-height:800px){
.is-forgot-page .auth-side{padding-top:85px!important;padding-bottom:55px!important}
.is-forgot-page .forgot-screen .sub{margin-bottom:25px!important}
.is-forgot-page .forgot-trust{margin-top:40px!important}
}
@media(max-width:900px){
.is-forgot-page .brand-photo{background-image:url('/assets/auth/forgot-hero.webp')!important;background-size:cover!important;background-position:center 38%!important}
.is-forgot-page .auth-side{margin:-26px 0 0!important;border-radius:28px 28px 0 0!important;overflow:hidden!important}
.is-forgot-page .panel{max-width:560px!important}
.is-forgot-page .forgot-screen .input-wrap{min-height:60px!important}
.is-forgot-page .forgot-screen .btn{min-height:60px!important}
}

/* v3: match approved screenshot 1 spacing, without altering mobile or login */
@media (min-width:901px){
  body.is-forgot-page .forgot-screen{transform:translateY(9px)!important;}
  body.is-forgot-page .forgot-accent{margin-bottom:32px!important;}
  body.is-forgot-page .forgot-screen h2{margin-bottom:24px!important;}
  body.is-forgot-page .forgot-screen .sub{margin-bottom:59px!important;}
  body.is-forgot-page .forgot-screen .form-group{margin-bottom:35px!important;}
  body.is-forgot-page .forgot-screen .divider{margin-top:36px!important;margin-bottom:36px!important;}
  body.is-forgot-page .forgot-trust{margin-top:93px!important;}
}

/* v4 — restore left outer gutter around the forgot-password white card.
   Keep the right panel inset consistently on all four sides. */
@media (min-width:901px) {
  body.is-forgot-page .login-layout { grid-template-columns: 56.7% minmax(0,43.3%) !important; }
  body.is-forgot-page .auth-side {
    margin-left: clamp(24px, 2.1vw, 42px) !important;
    margin-right: clamp(18px, 1.65vw, 34px) !important;
    margin-top: clamp(18px, 3.4vh, 38px) !important;
    margin-bottom: clamp(18px, 3.4vh, 38px) !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}
@media (max-width:900px) {
  body.is-forgot-page .auth-side { margin-left: 0 !important; margin-right: 0 !important; }
}

/* Forgot password: native mobile presentation. Desktop remains unchanged. */
.forgot-mobile-header,.forgot-mobile-lock{display:none}
@media(max-width:900px){
  body.is-forgot-page{background:#fff!important}
  body.is-forgot-page .login-layout{display:block!important;min-height:100svh!important;background:#fff!important}
  body.is-forgot-page .brand{display:none!important}
  body.is-forgot-page .auth-side{display:block!important;min-height:100svh!important;margin:0!important;border-radius:0!important;padding:0 22px 85px!important;background:linear-gradient(180deg,#fff 0%,#fff 78%,#f5f7fd 100%)!important;overflow:hidden!important}
  body.is-forgot-page .auth-side:before{content:""!important;position:absolute!important;left:-12%!important;bottom:-70px!important;width:125%!important;height:150px!important;background:linear-gradient(115deg,#ffd237 0%,#ffe68a 26%,#e3eaff 65%,#c5d6fa 100%)!important;transform:rotate(-8deg)!important;border-radius:50%!important;pointer-events:none!important;z-index:0!important}
  body.is-forgot-page .auth-side:after{display:none!important}
  body.is-forgot-page .auth-side>.language{display:none!important}
  body.is-forgot-page .panel{max-width:470px!important;margin:0 auto!important;width:100%!important}
  body.is-forgot-page .panel>.mobile-brand{display:none!important}
  body.is-forgot-page .forgot-screen{padding:0!important;max-width:none!important;text-align:center!important;transform:none!important}
  .forgot-mobile-header{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;min-height:86px;margin:0 0 34px;position:relative}
  .forgot-mobile-back{justify-self:start;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#0a2cda}
  .forgot-mobile-back span:first-child{font-size:23px;line-height:1}
  .forgot-mobile-logo{grid-column:2;width:112px;height:60px;object-fit:contain}
  .forgot-mobile-lock{display:grid!important;place-items:center;position:relative;margin:0 auto 19px;width:76px;height:76px;background:#edf2ff;border-radius:50%;color:#0929dc}
  .forgot-mobile-lock svg{width:33px;height:33px}
  .forgot-mobile-lock span{position:absolute;right:14px;bottom:13px;background:#ffcf00;color:#fff;font-size:10px;width:14px;height:14px;border-radius:50%;border:2px solid white}
  body.is-forgot-page .forgot-accent{display:none!important}
  body.is-forgot-page .forgot-screen h2{font-size:clamp(23px,5.8vw,29px)!important;letter-spacing:-.035em!important;line-height:1.2!important;margin:0 0 10px!important;white-space:normal!important}
  body.is-forgot-page .forgot-screen h2 span{color:#101d43!important}
  body.is-forgot-page .forgot-screen .sub{font-size:14px!important;line-height:1.5!important;margin:0 auto 26px!important;max-width:310px!important;color:#75809b!important}
  body.is-forgot-page .forgot-screen .form-group{margin:0 0 20px!important}
  body.is-forgot-page .forgot-screen .form-group label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
  body.is-forgot-page .forgot-screen .input-wrap{height:56px!important;min-height:56px!important;padding:0 12px!important;border-radius:10px!important;gap:9px!important;box-shadow:none!important}
  body.is-forgot-page .forgot-screen .input-wrap input{font-size:14px!important;min-width:0!important;width:100%!important}
  body.is-forgot-page .forgot-screen .input-wrap input::placeholder{font-size:13px!important}
  body.is-forgot-page .forgot-screen .country-flag-img{width:27px!important;height:19px!important;object-fit:cover!important;flex:none!important}
  body.is-forgot-page .forgot-screen .input-wrap select{width:23px!important;max-width:23px!important;min-width:23px!important;color:transparent!important;font-size:0!important;background:transparent!important;padding:0!important;border:0!important;appearance:auto!important}
  body.is-forgot-page .forgot-screen .btn{height:54px!important;min-height:54px!important;font-size:14px!important;border-radius:9px!important}
  body.is-forgot-page .forgot-screen .divider,body.is-forgot-page .forgot-screen .forgot-back,body.is-forgot-page .forgot-trust{display:none!important}
}
@media(max-width:390px){
 .forgot-mobile-header{margin-bottom:22px;min-height:72px}
 body.is-forgot-page .forgot-screen .sub{font-size:13px!important}
 body.is-forgot-page .forgot-screen .input-wrap input::placeholder{font-size:12px!important}
}

/* 2026-10-30 — INDEX DESKTOP ONLY: match the approved non-overlapping split.
   Positive left gutter prevents the white panel from extending over the hero.
   Forgot-password and mobile styles are deliberately excluded. */
@media (min-width: 901px) {
  body:not(.is-forgot-page) .login-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 56.5%) minmax(0, 43.5%) !important;
    width: 100% !important;
    min-height: 100svh !important;
    overflow: hidden !important;
    background: #f5f7fc !important;
  }
  body:not(.is-forgot-page) .login-layout > .brand {
    min-width: 0 !important;
    overflow: hidden !important;
  }
  body:not(.is-forgot-page) .login-layout > .auth-side {
    box-sizing: border-box !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 28px 26px 28px 26px !important;
    min-height: calc(100svh - 56px) !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    padding: 76px clamp(24px, 3.1vw, 62px) 72px !important;
  }
  body:not(.is-forgot-page) .login-layout > .auth-side .panel {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 620px !important;
    margin-inline: auto !important;
  }
}