@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/ibm-plex-mono-500.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/ibm-plex-mono-600.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("fonts/inter-400.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("fonts/space-grotesk-400.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Login en page index : anthracite, typographie, lignes fines (aligné sur le portail) */
body.login{background:#1d1e20;color:#e8e6e1;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
#login{width:380px;max-width:calc(100% - 32px);padding-top:14vh}
#login h1 a{text-decoration:none;position:relative;display:inline-flex;align-items:stretch;width:auto;height:auto;margin:0 0 44px;background:none;border:0;border-radius:8px;box-shadow:none;font-size:0;text-indent:0;overflow:hidden}
#login h1 a:before{content:"Atelier";display:block;padding:10px 14px 9px;background:#e8e6e1;color:#1d1e20;font:600 19px/1 'Space Grotesk',Inter,sans-serif;letter-spacing:-.02em;animation:aj-wipe .7s cubic-bezier(.7,0,.2,1) .15s both}
#login h1 a:after{content:"Accès";display:flex;align-items:center;padding:0 9px;background:#ff5a1f;color:#1a0d06;font:500 11px/1 'IBM Plex Mono',Consolas,monospace;letter-spacing:.02em;animation:aj-wipe .5s cubic-bezier(.7,0,.2,1) .55s both}
@keyframes aj-wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
#login h1{text-align:left}
.login .message.aj-welcome{margin:0 0 32px;padding:0;background:none;border:0;box-shadow:none;text-align:left;font-size:15px;line-height:1.5;color:#8b8a86}
.aj-welcome strong{display:none}
.aj-welcome br{display:none}
.login form{margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.login label{font:400 13px/1.4 Inter,sans-serif;color:#8b8a86}
.login input[type=text],.login input[type=password]{min-height:48px;margin:6px 0 20px;padding:8px 0;background:transparent;color:#e8e6e1;border:0;border-bottom:1px solid #e8e6e133;border-radius:0;font-size:18px;box-shadow:none;transition:border-color .2s}
.login input[type=text]:focus,.login input[type=password]:focus{border-bottom-color:#e8e6e1;box-shadow:none}
.login .wp-pwd .button.wp-hide-pw{color:#8b8a86;margin-top:6px}
.login .button.wp-hide-pw:hover{color:#e8e6e1}
.login .forgetmenot label{color:#8b8a86}
.login input[type=checkbox]{background:transparent;border-color:#e8e6e14d;border-radius:3px;box-shadow:none}
.login input[type=checkbox]:checked:before{filter:grayscale(1) brightness(2)}
.wp-core-ui .button-primary{min-height:44px;padding:0 24px;background:#e8e6e1;border:0;border-radius:999px;color:#1d1e20;font-weight:500;box-shadow:none;text-shadow:none;transition:background .2s}
.wp-core-ui .button-primary:hover,.wp-core-ui .button-primary:focus{background:#ff5a1f;color:#1d1e20;border:0}
.login .message:not(.aj-welcome),.login #login_error,.login .success{margin-bottom:24px;padding:12px 0 12px 14px;background:none;border:0;border-left:2px solid #ff5a1f;border-radius:0;color:#b4b2ad;box-shadow:none;font-size:13px;line-height:1.6}
.login #nav,.login #backtoblog{padding:0;text-align:left}
.login #nav{margin-top:40px}
.login #nav a,.login #backtoblog a,.login .privacy-policy-page-link a{color:#8b8a86;font-size:13px;text-decoration:none}
.login #nav a:hover,.login #backtoblog a:hover{color:#e8e6e1}
.language-switcher{opacity:.5}
.login :is(a,button,input):focus-visible{outline:2px solid #ff5a1f;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.login *,.login *:before,.login *:after{transition:none!important;animation:none!important}}
