/* JOB212 — continuité visuelle entre le choix de l’espace et sa connexion. */
.auth-space .auth-left{background:radial-gradient(circle at 0 0,#fff1e8 0,transparent 26%),radial-gradient(circle at 100% 100%,#f0f4f9 0,transparent 22%),#fafbfc}
.auth-space .auth-card{width:min(650px,92%);padding:36px 44px 31px}
.auth-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.auth-space .wordmark{margin-bottom:28px}
.change-space{margin-top:7px;color:#697487;font-size:10px;font-weight:700;text-decoration:none;border-bottom:1px solid #cfd5dd;padding-bottom:3px;white-space:nowrap}
.change-space:hover{color:#ff4b14;border-color:#ff4b14}
.space-label{margin:0 0 8px;color:#ff4b14;font-size:9px;letter-spacing:1.8px;font-weight:800}
.auth-space .auth-card h1{font-size:35px;margin-bottom:8px}
.auth-space .lead{font-size:13px;line-height:1.55;max-width:500px;margin-bottom:23px}
.auth-space .field{margin-bottom:14px}
.auth-space .field input{height:52px}
.auth-space .primary{height:55px;font-size:14px}
.auth-space .divider{margin:21px 0}
.auth-space .social-btn{min-height:58px}
.auth-space .foot{margin-top:20px;font-size:11px}
.auth-space .auth-right{padding:clamp(42px,5vw,88px);background:radial-gradient(circle at 85% 22%,rgba(255,75,20,.18),transparent 30%),linear-gradient(140deg,#0d1522 0,#202a39 57%,#121926 100%)}
.auth-space .auth-right:before{display:none}
.auth-space .auth-right:after{width:660px;height:660px;right:-390px;bottom:-360px;border-color:rgba(255,75,20,.25)}
.space-visual{position:relative;z-index:2;width:100%;max-width:720px;min-height:680px;display:flex;flex-direction:column;justify-content:center}
.space-visual .visual-kicker{font-size:9px;letter-spacing:4px;color:#bac3d0}
.space-visual h2{position:relative;z-index:3;font-size:clamp(39px,3.2vw,61px);line-height:1.04;letter-spacing:-2.6px;margin:33px 0 13px;max-width:650px;text-shadow:0 9px 26px rgba(0,0,0,.42)}
.space-visual h2 em{font-style:normal;color:#ff5a1d}
.space-visual .visual-sub{position:relative;z-index:3;font-size:17px;line-height:1.55;color:#c0c9d6;margin:0;max-width:490px}
.candidate-map-login{position:absolute;z-index:1;width:min(55%,410px);height:58%;right:-5%;top:18%;pointer-events:none}
.candidate-map-login img{position:absolute;z-index:2;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 32px rgba(0,0,0,.5)) drop-shadow(0 0 10px rgba(255,84,24,.25))}
.map-ring{position:absolute;z-index:1;left:50%;top:50%;border:1px solid rgba(255,92,32,.18);border-radius:50%;transform:translate(-50%,-50%)}
.ring-one{width:320px;height:320px}.ring-two{width:430px;height:430px}
.login-pin{position:absolute;z-index:3;padding:6px 9px 6px 19px;border:1px solid rgba(255,255,255,.17);border-radius:12px;background:rgba(8,14,24,.82);color:#fff;font-size:7px;box-shadow:0 8px 20px rgba(0,0,0,.3)}
.login-pin:before{content:"";position:absolute;left:8px;top:50%;width:5px;height:5px;border-radius:50%;background:#ff4b14;transform:translateY(-50%);box-shadow:0 0 0 3px rgba(255,75,20,.19)}
.login-pin-one{right:9%;top:31%}.login-pin-two{right:34%;top:21%}.login-pin-three{right:42%;top:49%}
.space-benefits{position:relative;z-index:4;display:grid;gap:10px;width:min(360px,70%);margin-top:42px}
.space-benefits>div{min-height:58px;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:12px;padding:8px 12px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(11,18,29,.56);box-shadow:0 10px 24px rgba(0,0,0,.13);backdrop-filter:blur(8px)}
.space-benefits>div>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#ff641f,#e6320c);font-size:9px;font-weight:800;color:#fff}
.space-benefits p{margin:0;display:flex;flex-direction:column}.space-benefits b{font-size:11px}.space-benefits small{font-size:8px;color:#aeb8c6;margin-top:4px}
.auth-space-recruiter .auth-right{background:linear-gradient(135deg,rgba(10,18,31,.93),rgba(17,28,45,.82)),url('/assets/images/job212-equipe-premium.webp') center/cover no-repeat}
.auth-space-recruiter .recruiter-image-login{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 78% 50%,rgba(255,91,31,.18),transparent 32%)}
.auth-space-recruiter .space-benefits>div{background:rgba(9,16,27,.72)}
@media(max-width:1250px) and (min-width:861px){.auth-space .auth-card{padding:30px 34px 27px}.space-visual{min-height:610px}.space-visual h2{font-size:41px}.candidate-map-login{right:-14%;width:58%}.space-benefits{width:78%}}
@media(max-width:860px){.auth-space .auth-right{display:flex;min-height:440px;padding:44px 28px}.auth-space .auth-shell{display:flex;flex-direction:column-reverse}.auth-space .auth-left{min-height:auto;padding:28px 20px 45px}.auth-space .auth-card{width:min(650px,100%)}.space-visual{min-height:340px;max-width:680px;margin:auto;justify-content:flex-start}.space-visual h2{font-size:40px;margin-top:27px}.candidate-map-login{height:88%;width:42%;right:1%;top:7%}.space-benefits{margin-top:29px;width:56%}}
@media(max-width:580px){.auth-space .auth-right{min-height:380px;padding:34px 20px}.space-visual{min-height:310px}.space-visual h2{font-size:31px;letter-spacing:-1.5px;max-width:85%}.space-visual .visual-sub{font-size:13px;max-width:67%}.candidate-map-login{right:-14%;width:57%;opacity:.8}.space-benefits{width:72%;gap:7px;margin-top:24px}.space-benefits>div{min-height:48px;grid-template-columns:31px 1fr;padding:6px 8px}.space-benefits>div>span{width:27px;height:27px}.auth-space .auth-card{padding:25px 20px}.auth-card-top{gap:10px}.change-space{font-size:8px}.auth-space .wordmark{margin-bottom:23px}.auth-space .auth-card h1{font-size:29px}.auth-space .social-row{grid-template-columns:1fr}.auth-space .social-btn{min-height:52px}}
