/* SIKAVO — Identifier cet appareil : couche visuelle uniquement */
html,body{min-height:100%;background:#fff!important}
body{margin:0;color:#10213f!important}
.pin-simple{
  min-height:100vh!important;
  display:grid!important;
  place-items:center!important;
  padding:clamp(18px,4vw,36px)!important;
  box-sizing:border-box!important;
  background:
    radial-gradient(circle at 10% 16%,rgba(255,116,0,.055),transparent 19rem),
    radial-gradient(circle at 88% 82%,rgba(18,92,219,.055),transparent 20rem),
    #fff!important;
}
.pin-panel{
  width:min(100%,430px)!important;
  box-sizing:border-box!important;
  background:#fff!important;
  color:#10213f!important;
  border:1px solid #e2e8f2!important;
  border-radius:22px!important;
  padding:28px 26px!important;
  box-shadow:0 18px 54px rgba(22,50,92,.10)!important;
  opacity:1!important;
  filter:none!important;
}
.pin-logo{
  display:block!important;
  width:128px!important;
  height:auto!important;
  max-height:58px!important;
  object-fit:contain!important;
  margin:0 auto 20px!important;
  opacity:1!important;
  filter:none!important;
}
.pin-panel h1{
  margin:0 0 8px!important;
  color:#10213f!important;
  font-size:clamp(25px,5vw,31px)!important;
  line-height:1.15!important;
  font-weight:850!important;
  letter-spacing:-.025em!important;
  text-align:center!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
}
.pin-panel>p{
  margin:0 auto 22px!important;
  max-width:350px!important;
  color:#5d6b82!important;
  font-size:13px!important;
  line-height:1.55!important;
  text-align:center!important;
  opacity:1!important;
}
.pin-panel form{margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important}
.pin-panel label{
  display:block!important;
  margin:0 0 7px!important;
  color:#243b60!important;
  font-size:12px!important;
  font-weight:800!important;
  opacity:1!important;
}
.pin-panel input[name="identifier"]{
  width:100%!important;
  height:50px!important;
  box-sizing:border-box!important;
  padding:0 14px!important;
  color:#0f1f39!important;
  background:#fff!important;
  border:1.5px solid #cbd6e7!important;
  border-radius:13px!important;
  font-size:15px!important;
  font-weight:600!important;
  outline:none!important;
  opacity:1!important;
  box-shadow:0 1px 2px rgba(17,38,76,.03)!important;
  transition:border-color .18s ease,box-shadow .18s ease!important;
}
.pin-panel input[name="identifier"]::placeholder{color:#8d9ab0!important;opacity:1!important;font-weight:500!important}
.pin-panel input[name="identifier"]:focus{
  border-color:#1768df!important;
  box-shadow:0 0 0 4px rgba(23,104,223,.11)!important;
}
.pin-panel .nx-btn{
  width:100%!important;
  min-height:50px!important;
  margin-top:16px!important;
  border:0!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#0c63d8,#1455c2)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  box-shadow:0 10px 24px rgba(18,89,199,.18)!important;
  opacity:1!important;
  cursor:pointer!important;
}
.pin-panel .nx-btn:hover{filter:brightness(1.03)!important}
.pin-secondary{
  display:block!important;
  margin-top:17px!important;
  color:#1762cc!important;
  font-size:12px!important;
  font-weight:800!important;
  text-align:center!important;
  text-decoration:none!important;
  opacity:1!important;
}
.nx-error,.pin-success{font-size:12px!important;line-height:1.45!important;border-radius:12px!important;opacity:1!important}
@media(max-width:520px){
  .pin-simple{padding:18px 14px!important;align-items:center!important}
  .pin-panel{padding:24px 18px!important;border-radius:19px!important;box-shadow:0 13px 38px rgba(22,50,92,.09)!important}
  .pin-logo{width:112px!important;margin-bottom:17px!important}
  .pin-panel h1{font-size:25px!important}
  .pin-panel>p{font-size:12px!important;margin-bottom:19px!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}