/* PHILADONF AUDIT SUITE V3.1.0 R6.21 R6 R12 R5 R8 R10 - LOGIN CYBER PRESTIGE PRO */
:root{
  --login-text:#f8fbff;
  --login-muted:#92a8c6;
  --login-danger:#ff7c8f;
  --login-blue:#3d6fff;
  --login-cyan:#2dd6ee;
  --login-line:rgba(123,181,235,.24);
  --as-commercial-footer-h:54px;
}
*{box-sizing:border-box}
html,body{min-height:100%}
body.as-login-page{
  margin:0;min-height:100vh;overflow-x:hidden;
  font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  color:var(--login-text);background:#020b16;padding:12px 14px 72px!important;
}
.as-login-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.as-login-bg::before{
  content:"";position:absolute;inset:-2%;
  background:
    linear-gradient(90deg,rgba(0,7,16,.10) 0%,rgba(1,8,18,.02) 32%,rgba(1,8,18,.02) 68%,rgba(0,7,16,.14) 100%),
    linear-gradient(180deg,rgba(1,7,16,.00),rgba(1,7,16,.10)),
    url('/as-login-cyber-bg-r5-r8-r4.png') center/cover no-repeat;
  filter:saturate(1.24) contrast(1.10) brightness(1.055);
  transform:scale(1.018);
}
.as-login-bg::after{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(580px 430px at 50% 46%,rgba(31,143,255,.105),transparent 67%),
    radial-gradient(410px 320px at 81% 73%,rgba(37,222,232,.08),transparent 72%),
    radial-gradient(520px 360px at 14% 25%,rgba(45,104,255,.07),transparent 72%);
}
.as-login-vignette{position:fixed;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 190px 42px rgba(0,6,14,.34)}
.as-login-vignette::before{content:"";position:absolute;left:50%;top:50%;width:min(920px,72vw);height:min(650px,76vh);transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(4,17,36,.03),rgba(1,8,18,.32) 72%,transparent 74%);filter:blur(9px)}

.as-cyber-rail,.as-cyber-promise{position:fixed;z-index:2;pointer-events:none;color:rgba(177,207,242,.72);font-size:9.5px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;line-height:1.95;text-shadow:0 0 18px rgba(57,163,255,.22)}
.as-cyber-rail{top:55%;display:flex;flex-direction:column;gap:0;transform:translateY(-50%)}
.as-cyber-rail-left{left:3.3vw}.as-cyber-rail-right{right:3.3vw}
.as-cyber-rail i,.as-cyber-promise i{display:block;width:34px;height:2px;margin-top:9px;background:linear-gradient(90deg,#547aff,#54edf1);box-shadow:0 0 11px rgba(71,197,255,.38)}
.as-cyber-promise{right:7.9vw;top:6.1vh;display:flex;flex-direction:column;gap:0}

.as-auth-shell{position:relative;z-index:4;min-height:calc(100vh - 84px);display:flex;align-items:center;justify-content:center}
.as-auth-card{
  --mx:50%;--my:18%;position:relative;width:min(448px,calc(100vw - 28px));overflow:hidden;
  border:1px solid rgba(90,187,255,.52);border-radius:26px;
  background:linear-gradient(153deg,rgba(7,27,54,.83),rgba(3,13,29,.91));
  box-shadow:0 38px 110px rgba(0,0,0,.54),0 0 0 1px rgba(255,255,255,.026) inset,0 0 50px rgba(26,122,255,.09);
  backdrop-filter:blur(22px) saturate(1.16);
  isolation:isolate;
}
.as-auth-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,transparent 5%,rgba(79,105,255,.92) 22%,rgba(48,190,255,.98) 56%,rgba(35,226,204,.92) 82%,transparent 96%) top/100% 2px no-repeat;z-index:2}
.as-auth-card::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(280px 180px at var(--mx) var(--my),rgba(80,169,255,.14),transparent 70%)}
.as-auth-edge{position:absolute;inset:11px;border-radius:19px;border:1px solid rgba(127,190,239,.075);pointer-events:none}
.as-auth-edge::before,.as-auth-edge::after{content:"";position:absolute;width:52px;height:1px;top:14px;background:linear-gradient(90deg,transparent,#49b9ff)}
.as-auth-edge::before{left:15px}.as-auth-edge::after{right:15px;transform:scaleX(-1)}
.as-auth-card-inner{position:relative;padding:25px 28px 21px}

.as-auth-brand{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:12px}
.as-auth-logo{width:62px;height:62px;display:grid;place-items:center;margin:0 0 10px;border-radius:20px;background:linear-gradient(180deg,rgba(12,32,61,.92),rgba(4,18,39,.79));border:1px solid rgba(94,187,255,.30);box-shadow:0 13px 32px rgba(8,76,159,.18),inset 0 1px 0 rgba(255,255,255,.035)}
.as-auth-logo svg{width:52px;height:52px;filter:drop-shadow(0 9px 18px rgba(42,145,255,.15))}
.as-auth-brand-copy{display:flex;flex-direction:column;align-items:center}
.as-auth-eyebrow{font-size:8px;font-weight:800;letter-spacing:.26em;color:#83cdf5;text-transform:uppercase;margin-bottom:7px}
.as-auth-brand-copy h1{margin:0;display:flex;align-items:baseline;justify-content:center;gap:8px;white-space:nowrap;font-size:24px;line-height:1.05;letter-spacing:-.032em;color:#fcfdff}
.as-auth-brand-copy h1>span:first-child{font-weight:900}.as-auth-title-light{font-weight:500;color:#eef4ff;letter-spacing:-.02em}
.as-auth-meta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:7px;color:#8ea2c0;white-space:nowrap}
.as-auth-version-title{color:#4bdcff;font-size:12px;font-weight:900;letter-spacing:.025em}.as-auth-dot{color:#526b8c;font-size:10px}.as-auth-subtitle{font-size:10.5px;font-weight:650;letter-spacing:.01em}
.as-auth-divider{display:flex;align-items:center;justify-content:center;height:10px;margin:2px 0 2px}.as-auth-divider::before,.as-auth-divider::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(75,151,219,.24))}.as-auth-divider::after{transform:scaleX(-1)}.as-auth-divider span{width:52px;height:2px;margin:0 9px;background:linear-gradient(90deg,#4f6eff,#4ce6ed);box-shadow:0 0 12px rgba(58,177,255,.32);border-radius:2px}
.as-auth-tagline{margin:3px 0 17px;text-align:center;color:#a8b9d0;font-size:9px;font-weight:700;letter-spacing:.10em}

.as-auth-form{display:block}.as-auth-field{margin:0 0 12px}.as-auth-field label{display:block;margin:0 0 6px;color:#bfd0e4;font-size:10px;font-weight:850;letter-spacing:.10em;text-transform:uppercase}
.as-auth-control{position:relative;display:flex;align-items:center}.as-auth-field-icon{position:absolute;left:15px;width:18px;height:18px;fill:none;stroke:#adc0dc;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;z-index:2}
.as-auth-control input{width:100%;height:47px;border:1px solid rgba(137,179,230,.35);border-radius:13px;background:linear-gradient(180deg,rgba(18,41,69,.66),rgba(13,32,58,.72));color:#f7f9ff;padding:0 48px 0 45px;outline:none;font:500 13.5px/1 Inter,"Segoe UI",sans-serif;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 26px rgba(0,0,0,.08);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease}
.as-auth-control input::placeholder{color:#8296b4;opacity:1}.as-auth-control input:hover{border-color:rgba(147,196,247,.53);background:linear-gradient(180deg,rgba(20,46,78,.72),rgba(14,35,63,.78))}.as-auth-control input:focus{border-color:#55bfff;background:linear-gradient(180deg,rgba(20,48,82,.82),rgba(15,38,69,.84));box-shadow:0 0 0 3px rgba(49,163,255,.10),0 0 24px rgba(38,139,255,.08);transform:translateY(-1px)}
.as-password-toggle{position:absolute;right:7px;width:34px;height:34px;border:0;border-radius:9px;padding:0;display:grid;place-items:center;background:transparent;color:#8299bb;cursor:pointer}.as-password-toggle:hover{background:rgba(75,139,219,.10);color:#d2e1f5}.as-password-toggle:focus-visible{outline:2px solid #4db8ff;outline-offset:2px}.as-password-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.as-password-toggle .as-eye-open{display:none}.as-password-toggle[aria-pressed="true"] .as-eye-open{display:block}.as-password-toggle[aria-pressed="true"] .as-eye-closed{display:none}

.as-auth-submit{position:relative;overflow:hidden;width:100%;height:49px;margin:5px 0 0;border:1px solid rgba(101,218,255,.60);border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(98deg,#3c5eff 0%,#2d84ff 48%,#28cae8 100%);color:#fff;font:850 14.5px/1 Inter,"Segoe UI",sans-serif;cursor:pointer;box-shadow:0 16px 34px rgba(32,102,255,.25),inset 0 1px 0 rgba(255,255,255,.21),0 0 24px rgba(42,168,255,.10);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
.as-auth-submit::after{content:"";position:absolute;inset:1px;border-radius:12px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.as-auth-submit-shine{position:absolute;top:-50%;left:-25%;width:24%;height:200%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);opacity:.45;transition:left .42s ease}.as-auth-submit:hover .as-auth-submit-shine{left:108%}.as-auth-submit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1}.as-auth-submit>span:last-child{position:relative;z-index:1}.as-auth-submit:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 20px 39px rgba(32,102,255,.30),0 0 28px rgba(39,182,255,.14)}.as-auth-submit:active:not(:disabled){transform:none}.as-auth-submit:focus-visible{outline:3px solid rgba(87,206,255,.26);outline-offset:3px}.as-auth-submit:disabled{opacity:.58;cursor:wait;transform:none}
.as-auth-capabilities{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(108,160,218,.11);color:#7088aa;font-size:7.6px;font-weight:800;letter-spacing:.17em}.as-auth-capabilities i{width:3px;height:3px;border-radius:50%;background:#4b6b91}.as-auth-message{min-height:13px;margin:5px 1px -3px;color:var(--login-danger);font-size:10px;font-weight:650;text-align:center}

body.as-login-page .as-commercial-footer{left:0!important;right:0!important;bottom:0!important;transform:none!important;width:100%!important;max-width:none!important;height:54px!important;min-height:54px!important;justify-content:center!important;gap:10px!important;padding:7px 18px!important;border:0!important;border-top:1px solid rgba(97,151,209,.20)!important;border-radius:0!important;background:linear-gradient(180deg,rgba(2,12,26,.83),rgba(2,10,22,.95))!important;box-shadow:0 -12px 36px rgba(0,0,0,.15)!important;backdrop-filter:blur(17px)!important}
body.as-login-page .as-commercial-footer a,body.as-login-page .as-commercial-footer button{min-height:30px!important;padding:5px 10px!important;border-color:transparent!important;border-radius:9px!important;background:transparent!important;color:#aebdd3!important;font:700 9.8px/1 Inter,Arial,sans-serif!important;letter-spacing:.01em!important}body.as-login-page .as-commercial-footer a:hover,body.as-login-page .as-commercial-footer button:hover,body.as-login-page .as-commercial-footer a:focus-visible,body.as-login-page .as-commercial-footer button:focus-visible{background:rgba(73,137,221,.10)!important;border-color:rgba(99,171,255,.16)!important;color:#f0f6ff!important}body.as-login-page .as-commercial-footer .as-foot-contact{color:#8ee7d5!important}body.as-login-page .as-commercial-footer .as-foot-copy{display:none!important}body.as-login-page #asPrivacyFab,body.as-login-page .as-privacy-fab,body.as-login-page .privacy-fab{bottom:63px!important;width:48px!important;height:48px!important}

@media (max-width:1180px){.as-cyber-rail,.as-cyber-promise{display:none}}
@media (min-width:761px) and (max-height:760px){body.as-login-page{padding-top:8px!important;padding-bottom:62px!important}.as-auth-shell{min-height:calc(100vh - 72px)}.as-auth-card-inner{padding:20px 27px 16px}.as-auth-logo{width:54px;height:54px;margin-bottom:7px}.as-auth-logo svg{width:45px;height:45px}.as-auth-brand{margin-bottom:8px}.as-auth-eyebrow{margin-bottom:5px}.as-auth-tagline{margin-bottom:11px}.as-auth-field{margin-bottom:9px}.as-auth-control input{height:43px}.as-auth-submit{height:45px}.as-auth-capabilities{margin-top:8px;padding-top:8px}}
@media (max-width:700px){body.as-login-page{padding:8px 9px 66px!important}.as-auth-shell{min-height:calc(100vh - 74px)}.as-auth-card{width:min(100%,438px);border-radius:21px}.as-auth-card-inner{padding:21px 16px 17px}.as-auth-brand-copy h1{font-size:20px;gap:6px;white-space:normal;flex-wrap:wrap}.as-auth-logo{width:55px;height:55px;margin-bottom:8px;border-radius:18px}.as-auth-logo svg{width:46px;height:46px}.as-auth-eyebrow{font-size:7.5px}.as-auth-tagline{font-size:8.5px}.as-auth-capabilities{font-size:7.2px;letter-spacing:.14em;white-space:normal}body.as-login-page .as-commercial-footer{height:50px!important;min-height:50px!important;padding:5px 7px!important;overflow-x:auto!important;justify-content:flex-start!important;scrollbar-width:none}body.as-login-page .as-commercial-footer::-webkit-scrollbar{display:none}body.as-login-page #asPrivacyFab,body.as-login-page .as-privacy-fab,body.as-login-page .privacy-fab{bottom:59px!important;width:46px!important;height:46px!important}}
@media (max-width:420px){.as-auth-card-inner{padding:18px 13px 15px}.as-auth-brand-copy h1{font-size:18.5px}.as-auth-meta{gap:6px}.as-auth-version-title{font-size:11.5px}.as-auth-subtitle{font-size:9.2px}.as-auth-control input{height:44px;padding-left:43px;font-size:12.3px}.as-auth-field-icon{left:13px}.as-auth-submit{height:46px;font-size:13.5px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* R5 R8 R11 — FINAL POLISH
   Ajustements ciblés uniquement : rails latéraux + footer juridique.
   La carte de connexion, les champs, le CTA, le fond cyber et les interactions restent inchangés. */
.as-cyber-rail,
.as-cyber-promise{
  color:rgba(177,207,242,.42);
  font-size:8.3px;
  font-weight:650;
  letter-spacing:.285em;
  line-height:1.82;
  text-shadow:0 0 11px rgba(57,163,255,.10);
  opacity:.74;
}
.as-cyber-rail-left{left:3.15vw}
.as-cyber-rail-right{right:3.15vw}
.as-cyber-promise{right:7.6vw;top:6.4vh;opacity:.66}
.as-cyber-rail i,
.as-cyber-promise i{
  width:26px;
  height:1px;
  margin-top:7px;
  opacity:.62;
  box-shadow:none;
}

body.as-login-page .as-commercial-footer{
  height:46px!important;
  min-height:46px!important;
  gap:5px!important;
  padding:4px 14px!important;
  border-top:1px solid rgba(97,151,209,.12)!important;
  background:linear-gradient(180deg,rgba(2,12,26,.68),rgba(2,10,22,.86))!important;
  box-shadow:0 -8px 24px rgba(0,0,0,.09)!important;
  backdrop-filter:blur(14px)!important;
}
body.as-login-page .as-commercial-footer a,
body.as-login-page .as-commercial-footer button{
  min-height:27px!important;
  padding:4px 8px!important;
  border-radius:8px!important;
  color:#9dafc7!important;
  font:700 9.1px/1 Inter,Arial,sans-serif!important;
}
body.as-login-page .as-commercial-footer a:hover,
body.as-login-page .as-commercial-footer button:hover,
body.as-login-page .as-commercial-footer a:focus-visible,
body.as-login-page .as-commercial-footer button:focus-visible{
  background:rgba(73,137,221,.075)!important;
  border-color:rgba(99,171,255,.12)!important;
  color:#edf5ff!important;
}
body.as-login-page .as-commercial-footer .as-foot-contact{color:#79d7c7!important}
body.as-login-page #asPrivacyFab,
body.as-login-page .as-privacy-fab,
body.as-login-page .privacy-fab{
  bottom:54px!important;
  width:44px!important;
  height:44px!important;
}

@media (max-width:700px){
  body.as-login-page{padding-bottom:60px!important}
  body.as-login-page .as-commercial-footer{
    height:44px!important;
    min-height:44px!important;
    padding:4px 6px!important;
  }
  body.as-login-page .as-commercial-footer a,
  body.as-login-page .as-commercial-footer button{
    min-height:26px!important;
    padding:4px 7px!important;
    font-size:8.9px!important;
  }
  body.as-login-page #asPrivacyFab,
  body.as-login-page .as-privacy-fab,
  body.as-login-page .privacy-fab{
    bottom:51px!important;
    width:42px!important;
    height:42px!important;
  }
}