/* PRATINIUM v281 — Inscription fintech premium
   Objectif : rapprocher /inscription du rendu premium de /connexion,
   sans modifier les templates PrestaShop ni casser les champs B2B/téléphone. */

body#registration{
  --pr-ink:#07152f;
  --pr-ink-2:#102447;
  --pr-muted:#667085;
  --pr-line:rgba(15,35,70,.12);
  --pr-blue:#12a8e8;
  --pr-blue-2:#0b6fd3;
  --pr-gold:#f7c84b;
  background:
    radial-gradient(circle at 8% 14%,rgba(18,168,232,.18),transparent 34%),
    radial-gradient(circle at 92% 8%,rgba(247,200,75,.22),transparent 32%),
    linear-gradient(135deg,#f7fbff 0%,#ffffff 48%,#fff8e4 100%)!important;
  color:var(--pr-ink)!important;
}

body#registration #wrapper{
  position:relative!important;
  overflow:hidden!important;
  padding:28px 16px 42px!important;
  background:transparent!important;
}
body#registration #wrapper:before,
body#registration #wrapper:after{
  content:""!important;
  position:absolute!important;
  pointer-events:none!important;
  z-index:0!important;
  border-radius:999px!important;
}
body#registration #wrapper:before{
  width:420px!important;height:420px!important;
  left:-180px!important;top:120px!important;
  background:radial-gradient(circle,rgba(18,168,232,.15),transparent 66%)!important;
}
body#registration #wrapper:after{
  width:380px!important;height:380px!important;
  right:-150px!important;bottom:80px!important;
  background:radial-gradient(circle,rgba(247,200,75,.18),transparent 66%)!important;
}
body#registration #wrapper>.container,
body#registration #content-wrapper,
body#registration #main,
body#registration .breadcrumb,
body#registration .page-header,
body#registration #content{position:relative!important;z-index:1!important;}

body#registration .breadcrumb{
  max-width:1180px!important;
  margin:0 auto 12px!important;
  font-size:13px!important;
  font-weight:700!important;
  opacity:.72!important;
}

body#registration .page-header{
  width:100%!important;
  max-width:1180px!important;
  min-height:118px!important;
  height:auto!important;
  margin:0 auto!important;
  padding:30px 44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-bottom:0!important;
  border-radius:30px 30px 0 0!important;
  background:
    linear-gradient(135deg,rgba(7,21,47,.96),rgba(16,50,94,.94) 48%,rgba(12,127,179,.88)),
    radial-gradient(circle at 84% 20%,rgba(247,200,75,.34),transparent 35%)!important;
  box-shadow:0 26px 80px rgba(7,21,47,.14)!important;
}
body#registration .page-header:before{
  content:""!important;
  position:absolute!important;
  right:46px!important;top:18px!important;
  width:132px!important;height:132px!important;
  border-radius:38px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04)),
    repeating-linear-gradient(135deg,rgba(255,255,255,.10) 0 1px,transparent 1px 12px)!important;
  transform:rotate(8deg)!important;
  opacity:.72!important;
}
body#registration .page-header h1,
body#registration h1.page-title,
body#registration h1{
  position:relative!important;
  width:100%!important;
  max-width:760px!important;
  margin:0 auto!important;
  color:#fff!important;
  font-size:34px!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
  font-weight:900!important;
  text-align:center!important;
  text-shadow:0 12px 34px rgba(0,0,0,.18)!important;
}
body#registration .page-header h1:after{
  content:"Espace sécurisé PRATINIUM"!important;
  display:table!important;
  margin:15px auto 0!important;
  padding:8px 14px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;
  color:rgba(255,255,255,.88)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  text-shadow:none!important;
}

body#registration #content,
body#registration div#content.page-content.card.card-block,
body#registration .page-content.card,
body#registration .page-content.card.card-block{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto 26px!important;
  padding:34px 38px 38px!important;
  border:1px solid rgba(255,255,255,.82)!important;
  border-top:0!important;
  border-radius:0 0 30px 30px!important;
  background:rgba(255,255,255,.86)!important;
  box-shadow:0 28px 80px rgba(7,21,47,.12)!important;
  backdrop-filter:blur(18px)!important;
}

body#registration .register-form,
body#registration form#customer-form,
body#registration .js-customer-form,
body#registration .customer-form{
  position:relative!important;
  max-width:780px!important;
  margin:0 auto!important;
  padding:26px 28px!important;
  border:1px solid transparent!important;
  border-radius:28px!important;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(135deg,rgba(18,168,232,.34),rgba(247,200,75,.42)) border-box!important;
  box-shadow:0 24px 60px rgba(7,21,47,.10), inset 0 1px 0 rgba(255,255,255,.95)!important;
}
body#registration .register-form:before,
body#registration form#customer-form:before,
body#registration .customer-form:before{
  content:"Création de compte sécurisée"!important;
  display:flex!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto 22px!important;
  padding:9px 16px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(18,168,232,.10),rgba(247,200,75,.18))!important;
  color:#102447!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
}

body#registration .form-group,
body#registration .form-fields .form-group{
  margin-bottom:16px!important;
  padding:18px 20px!important;
  border:1px solid rgba(15,35,70,.10)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  box-shadow:0 12px 30px rgba(7,21,47,.045)!important;
}
body#registration .form-control-label,
body#registration label{
  color:#182842!important;
  font-size:13px!important;
  font-weight:900!important;
}
body#registration .form-control-comment,
body#registration .help-block,
body#registration .form-text{
  color:#7a8494!important;
  font-size:12.5px!important;
  line-height:1.35!important;
}
body#registration .form-control,
body#registration input[type="text"],
body#registration input[type="email"],
body#registration input[type="password"],
body#registration input[type="tel"],
body#registration select{
  min-height:50px!important;
  border:1px solid rgba(16,36,71,.14)!important;
  border-radius:15px!important;
  background:#fbfdff!important;
  color:var(--pr-ink)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92)!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
body#registration .form-control:focus,
body#registration input:focus,
body#registration select:focus{
  border-color:rgba(18,168,232,.72)!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(18,168,232,.12)!important;
  outline:0!important;
}

body#registration .custom-radio input[type="radio"]+span,
body#registration .custom-checkbox input[type="checkbox"]+span,
body#registration input[type="radio"],
body#registration input[type="checkbox"]{
  accent-color:#0b6fd3!important;
}
body#registration .radio-inline,
body#registration .custom-checkbox,
body#registration .custom-radio{
  font-weight:700!important;
}

body#registration .form-footer,
body#registration footer.form-footer{
  display:flex!important;
  justify-content:center!important;
  padding-top:8px!important;
}
body#registration .btn-primary,
body#registration button[type="submit"],
body#registration input[type="submit"]{
  min-width:260px!important;
  min-height:52px!important;
  border:0!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#0b6fd3 0%,#12a8e8 58%,#64d2ff 100%)!important;
  color:#fff!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  box-shadow:0 16px 38px rgba(18,168,232,.25)!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
body#registration .btn-primary:hover,
body#registration button[type="submit"]:hover,
body#registration input[type="submit"]:hover{
  transform:translateY(-1px)!important;
  filter:saturate(1.05)!important;
  box-shadow:0 20px 46px rgba(18,168,232,.31)!important;
}

body#registration p,
body#registration .page-content > p,
body#registration .register-form > p,
body#registration .login-form > p{
  color:#667085!important;
  font-weight:600!important;
}
body#registration a{
  color:#0aa8df!important;
  font-weight:800!important;
}

@media (min-width:992px){
  body#registration #content:before,
  body#registration div#content.page-content.card.card-block:before{
    content:"Accédez à votre espace PRATINIUM pour gérer vos investissements, opérations et services dans un environnement clair, moderne et sécurisé."!important;
    display:block!important;
    max-width:780px!important;
    margin:0 auto 22px!important;
    padding:18px 22px!important;
    border:1px solid rgba(18,168,232,.16)!important;
    border-radius:22px!important;
    background:linear-gradient(135deg,rgba(18,168,232,.08),rgba(247,200,75,.10))!important;
    color:#344563!important;
    font-size:15px!important;
    line-height:1.55!important;
    font-weight:700!important;
    text-align:center!important;
  }
}

@media (max-width:767.98px){
  body#registration #wrapper{padding:18px 10px 28px!important;}
  body#registration .breadcrumb{padding:0 4px!important;margin-bottom:10px!important;}
  body#registration .page-header{
    min-height:104px!important;
    padding:24px 20px!important;
    border-radius:24px 24px 0 0!important;
  }
  body#registration .page-header h1,
  body#registration h1.page-title{
    font-size:28px!important;
    line-height:1.12!important;
  }
  body#registration #content,
  body#registration div#content.page-content.card.card-block,
  body#registration .page-content.card,
  body#registration .page-content.card.card-block{
    padding:20px 12px 22px!important;
    border-radius:0 0 24px 24px!important;
  }
  body#registration .register-form,
  body#registration form#customer-form,
  body#registration .js-customer-form,
  body#registration .customer-form{
    padding:18px 12px!important;
    border-radius:22px!important;
  }
  body#registration .form-group,
  body#registration .form-fields .form-group{
    padding:15px 14px!important;
    border-radius:18px!important;
  }
  body#registration .btn-primary,
  body#registration button[type="submit"],
  body#registration input[type="submit"]{
    width:100%!important;
    min-width:0!important;
  }
}