/* Entree Synetix Glass : le formulaire et son authentification restent inchanges. */
* {box-sizing:border-box;}
:root {
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;
  color:#17181c;color-scheme:light;background:#f2f3f5;font-synthesis:none;
  -webkit-font-smoothing:antialiased;
}
body {
  margin:0;min-height:100vh;min-height:100svh;display:flex;align-items:center;
  background:radial-gradient(ellipse at 8% 0%,#fff 0%,transparent 58%),
    radial-gradient(ellipse at 100% 90%,#dcdfe6 0%,transparent 55%),#f2f3f5;
  line-height:1.5;
}
main {
  width:min(100%,550px);margin:auto;padding:42px 24px 30px;
  padding-top:max(42px,env(safe-area-inset-top));
  padding-bottom:max(30px,env(safe-area-inset-bottom));
}
.brand {display:block;object-fit:contain;margin:0 auto 34px;width:190px;height:48px;}
.card {
  padding:40px;background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.94);
  border-radius:32px;
  box-shadow:0 22px 70px -30px rgba(31,36,50,.2),0 1px 0 rgba(25,29,38,.06),inset 0 1px 0 #fff;
  -webkit-backdrop-filter:blur(28px) saturate(120%);backdrop-filter:blur(28px) saturate(120%);
}
.eyebrow {font-size:10px;font-weight:650;letter-spacing:1.8px;color:#60636d;margin-bottom:20px;}
h1 {font-size:36px;letter-spacing:-1.55px;line-height:1.1;font-weight:600;margin:0 0 18px;max-width:320px;}
.intro {color:#60636d;font-size:15px;line-height:1.75;margin:0 0 30px;}
label {display:block;font-size:13px;font-weight:600;margin:22px 0 9px;}
input,button {font:inherit;}
input {
  display:block;width:100%;min-height:54px;border:1px solid #d3d6de;border-radius:14px;
  padding:13px 15px;font-size:16px;color:#17181c;background:rgba(255,255,255,.9);
  box-shadow:inset 0 1px 2px #1f243203;transition:border-color .15s ease,box-shadow .15s ease;
}
input:hover {border-color:#b0b6c1;}
input:focus {border-color:#8993a3;box-shadow:0 0 0 3px #61728b0c;}
input:focus-visible,button:focus-visible {outline:2px solid #526681;outline-offset:3px;}
.password-field {position:relative;}
.password-field input {padding-right:94px;}
button {cursor:pointer;}
.reveal {position:absolute;right:6px;top:5px;min-height:44px;padding:0 11px;border:0;background:transparent;color:#525966;font-size:12px;border-radius:10px;}
.reveal:hover {background:#f1f2f5;color:#17181c;}
.submit {
  display:flex;justify-content:space-between;align-items:center;width:100%;min-height:56px;
  padding:15px 20px;margin-top:28px;background:#202126;color:#fff;border:1px solid #202126;
  border-radius:15px;font-size:15px;font-weight:550;box-shadow:0 8px 18px -10px #17181c70;
  transition:background .15s ease,box-shadow .15s ease;
}
.submit>span {font-size:19px;line-height:1;}
.submit:hover:not(:disabled) {background:#08090b;box-shadow:0 10px 20px -10px #17181c70;}
.submit:disabled {opacity:.6;cursor:wait;}
.help {font-size:12px;line-height:1.8;color:#60636d;margin:27px 0 0;text-align:center;}
#error {background:#fff3f5;border:1px solid #eac5cd;color:#9b2d44;font-size:13px;padding:13px 14px;border-radius:12px;margin-bottom:0;}
footer {font-size:12px;line-height:1.75;color:#60636d;text-align:center;margin:28px auto 0;max-width:310px;}
::selection {background:#d9dde5;color:#17181c;}
@media (max-width:480px) {
  main {padding:30px 18px;padding-top:max(30px,env(safe-area-inset-top));padding-bottom:max(25px,env(safe-area-inset-bottom));}
  .brand {margin-bottom:25px;width:166px;height:43px;}
  .card {padding:30px 25px;border-radius:27px;}
  .eyebrow {font-size:9px;letter-spacing:1.5px;margin-bottom:18px;}
  h1 {font-size:32px;letter-spacing:-1.3px;}
  .intro {font-size:14px;margin-bottom:25px;}
  footer {max-width:265px;margin-top:23px;}
}
@media (prefers-reduced-motion:reduce) {input,button {transition:none;}}
@media (prefers-reduced-transparency:reduce) {.card {background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {.card {background:#fcfcfd;}}
