/* CongoSpot — Smartway ID Auth Hotfix V1.0.6
   Feuille dédiée, volontairement séparée de main.css pour contourner tout ancien cache. */
.cs-auth-section,
.cs-auth-section *{box-sizing:border-box}
.cs-auth-section{
  --auth-navy:#071f37;
  --auth-navy-2:#0d4f7d;
  --auth-blue:#168fe0;
  --auth-orange:#ff7a1a;
  --auth-ink:#10263b;
  --auth-muted:#64788b;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:calc(100vh - 122px);
  padding:clamp(48px,6vw,84px) 0 clamp(42px,5vw,70px);
  background:
    radial-gradient(circle at 8% 12%,rgba(22,143,224,.18),transparent 31%),
    radial-gradient(circle at 92% 86%,rgba(255,122,26,.14),transparent 30%),
    linear-gradient(135deg,#edf8ff 0%,#f8fbfd 48%,#fff7ef 100%);
}
.cs-auth-section:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.36;
  background-image:
    linear-gradient(rgba(11,43,76,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(11,43,76,.045) 1px,transparent 1px);
  background-size:44px 44px;
}
.cs-auth-glow{position:absolute;z-index:-2;border-radius:50%;pointer-events:none}
.cs-auth-glow--blue{width:330px;height:330px;left:-145px;top:14%;background:radial-gradient(circle,rgba(22,143,224,.22),transparent 70%)}
.cs-auth-glow--orange{width:390px;height:390px;right:-175px;bottom:-120px;background:radial-gradient(circle,rgba(255,122,26,.20),transparent 70%)}
.cs-auth-container{position:relative}
.cs-auth-card{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(410px,.96fr);
  width:min(100%,1160px);
  margin:0 auto;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.86);
  border-radius:30px;
  background:#fff;
  box-shadow:0 32px 88px rgba(10,43,73,.17),0 8px 24px rgba(10,43,73,.07);
}
.cs-auth-copy{
  position:relative;
  overflow:hidden;
  padding:clamp(38px,4.8vw,64px);
  color:#fff;
  background:
    radial-gradient(circle at 100% 0,rgba(86,199,255,.25),transparent 34%),
    radial-gradient(circle at 0 100%,rgba(255,139,53,.18),transparent 33%),
    linear-gradient(145deg,var(--auth-navy) 0%,#0a3459 58%,var(--auth-navy-2) 100%);
}
.cs-auth-copy:before{
  content:"";
  position:absolute;
  width:300px;
  height:300px;
  right:-170px;
  bottom:-160px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:50%;
  box-shadow:0 0 0 44px rgba(255,255,255,.025),0 0 0 88px rgba(255,255,255,.018);
}
.cs-auth-brandline{position:relative;z-index:1;display:flex;align-items:center;gap:13px;margin-bottom:38px}
.cs-auth-brandmark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#28b5f4,#ff8a2d);color:#fff;font-family:var(--cs-font-heading,"Montserrat",Arial,sans-serif);font-weight:900;box-shadow:0 12px 26px rgba(0,0,0,.18)}
.cs-auth-brandline strong,.cs-auth-brandline small{display:block}
.cs-auth-brandline strong{font-family:var(--cs-font-heading,"Montserrat",Arial,sans-serif);font-size:1rem}
.cs-auth-brandline small{margin-top:2px;color:#abc8da;font-size:.72rem}
.cs-auth-kicker{position:relative;z-index:1;display:inline-flex;padding:7px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.07);color:#9fe0ff;font-size:.7rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.cs-auth-copy h1{position:relative;z-index:1;max-width:560px;margin:20px 0 17px;font-family:var(--cs-font-heading,"Montserrat",Arial,sans-serif);font-size:clamp(2.45rem,4.25vw,4.2rem);line-height:.99;letter-spacing:-.055em;color:#fff}
.cs-auth-intro{position:relative;z-index:1;max-width:575px;margin:0;color:#ccdeea;font-size:1rem;line-height:1.68}
.cs-auth-benefits{position:relative;z-index:1;display:grid;gap:13px;margin:30px 0 27px;padding:0;list-style:none}
.cs-auth-benefits li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:13px;align-items:start;padding:13px 14px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.06)}
.cs-auth-benefit-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(66,200,255,.15);color:#84dcff;font-size:1rem;font-weight:900}
.cs-auth-benefits strong,.cs-auth-benefits small{display:block}
.cs-auth-benefits strong{color:#fff;font-size:.86rem}
.cs-auth-benefits small{margin-top:3px;color:#bdd1de;font-size:.74rem;line-height:1.45}
.cs-auth-trust{position:relative;z-index:1;display:flex;gap:18px;flex-wrap:wrap;padding-top:21px;border-top:1px solid rgba(255,255,255,.12)}
.cs-auth-trust span{display:inline-flex;align-items:center;gap:7px;color:#c7dae7;font-size:.7rem;font-weight:800}
.cs-auth-trust svg{flex:0 0 auto;color:#67d4ff}
.cs-auth-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,4.2vw,58px);background:linear-gradient(180deg,#fff,#fbfdff)}
.cs-auth-form{display:grid;gap:17px}
.cs-auth-form__heading{display:grid;grid-template-columns:52px minmax(0,1fr);gap:15px;align-items:start;margin-bottom:4px}
.cs-auth-form__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:linear-gradient(145deg,#e8f7ff,#f2fbff);color:#087fc0;box-shadow:inset 0 0 0 1px #d7edf8}
.cs-auth-form__heading .eyebrow{margin:0 0 3px;color:var(--auth-blue);font-size:.7rem}
.cs-auth-form__heading h2{margin:0;color:#0b2b4c;font-family:var(--cs-font-heading,"Montserrat",Arial,sans-serif);font-size:clamp(1.8rem,3vw,2.3rem);line-height:1.05;letter-spacing:-.035em}
.cs-auth-form__heading p{margin:7px 0 0;color:var(--auth-muted);font-size:.84rem}
.cs-auth-field{display:grid;gap:7px;color:#28445b;font-size:.78rem;font-weight:850}
.cs-auth-input-wrap{position:relative;display:block}
.cs-auth-input-wrap>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#7891a5;pointer-events:none}
.cs-auth-input-wrap input{width:100%;min-height:54px;padding:0 15px 0 47px;border:1px solid #cbdbe6;border-radius:13px;background:#fff;color:#17364e;font:inherit;font-size:.92rem;box-shadow:0 5px 16px rgba(12,52,83,.035);transition:border-color .2s,box-shadow .2s}
.cs-auth-input-wrap input::placeholder{color:#9aabb8}
.cs-auth-input-wrap input:hover{border-color:#a9c9db}
.cs-auth-input-wrap input:focus{outline:0;border-color:#138ed0;box-shadow:0 0 0 4px rgba(19,142,208,.12),0 8px 20px rgba(12,52,83,.07)}
.cs-auth-alert{margin:0;border-radius:12px}
.cs-auth-submit{min-height:56px;margin-top:3px;border-radius:13px;font-size:.92rem;box-shadow:0 14px 28px rgba(255,122,26,.25)}
.cs-auth-submit svg{transition:transform .2s}
.cs-auth-submit:hover svg{transform:translateX(3px)}
.cs-auth-note{display:flex;align-items:flex-start;gap:8px;margin:0;color:#708496;font-size:.72rem;line-height:1.5}
.cs-auth-note svg{flex:0 0 auto;margin-top:1px;color:#2b8fc4}
.cs-auth-divider{display:flex;align-items:center;gap:13px;margin:25px 0;color:#8a9aa7;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.cs-auth-divider:before,.cs-auth-divider:after{content:"";height:1px;flex:1;background:#e2eaf0}
.cs-auth-divider span{white-space:nowrap}
.cs-auth-register{padding:19px;border:1px solid #dce8f0;border-radius:17px;background:linear-gradient(145deg,#f7fbfe,#fffaf5)}
.cs-auth-register__copy{display:grid;grid-template-columns:43px minmax(0,1fr);gap:12px;align-items:start}
.cs-auth-register__icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#e9f6fd;color:#0c85c1}
.cs-auth-register h2{margin:0;color:#11354f;font-family:var(--cs-font-heading,"Montserrat",Arial,sans-serif);font-size:1.02rem;line-height:1.25}
.cs-auth-register p{margin:6px 0 15px;color:#687f91;font-size:.76rem;line-height:1.55}
.cs-auth-register__button{min-height:49px;margin:0;border-radius:12px;background:#0b2b4c;color:#fff;border:0;font-size:.82rem}
.cs-auth-register__button:hover{background:#123f6b;color:#fff}
.cs-auth-register>small{display:block;margin-top:10px;color:#8495a3;text-align:center;font-size:.65rem;line-height:1.45}
.cs-auth-footer-note{margin:17px auto 0;color:#6c8091;text-align:center;font-size:.7rem}
@media(max-width:980px){
  .cs-auth-card{grid-template-columns:1fr;max-width:760px}
  .cs-auth-copy,.cs-auth-panel{padding:40px}
  .cs-auth-copy h1{font-size:clamp(2.3rem,7vw,3.55rem)}
  .cs-auth-brandline{margin-bottom:29px}
}
@media(max-width:620px){
  .cs-auth-section{padding:26px 0 46px}
  .cs-auth-card{border-radius:22px}
  .cs-auth-copy,.cs-auth-panel{padding:28px 22px}
  .cs-auth-copy h1{font-size:2.4rem}
  .cs-auth-intro{font-size:.91rem}
  .cs-auth-benefits li{grid-template-columns:38px 1fr;padding:12px}
  .cs-auth-trust{display:grid;gap:10px}
  .cs-auth-form__heading{grid-template-columns:44px 1fr}
  .cs-auth-form__icon{width:44px;height:44px;border-radius:13px}
  .cs-auth-form__heading h2{font-size:1.72rem}
  .cs-auth-register{padding:17px}
}
@media(max-width:420px){
  .cs-auth-copy h1{font-size:2.08rem}
  .cs-auth-brandline small{display:none}
  .cs-auth-form__heading{grid-template-columns:1fr}
  .cs-auth-form__icon{display:none}
  .cs-auth-register__copy{grid-template-columns:1fr}
  .cs-auth-register__icon{display:none}
}