/* Connexion / Inscription — handoff. Tabs = liens entre /connexion et /inscription. */
body > main:has(.auth){display:flex;}
.auth{flex:1;display:grid;grid-template-columns:1.05fr 0.95fr;gap:0;max-width:var(--maxw);margin:0 auto;padding:0 32px;}

.auth-aside{background:var(--bg-soft);color:var(--ink);padding:56px 56px 48px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line);}
.auth-aside::before{content:"";position:absolute;inset:0;
  background:radial-gradient(700px 420px at 85% -10%, var(--petrol-tn), transparent 62%);}
.auth-aside > *{position:relative;z-index:1;}
.auth-aside .a-logo{font-family:"Archivo";font-weight:800;font-size:24px;color:var(--ink);}
.auth-aside .a-logo b{color:var(--petrol);}
.auth-aside h2{font-size:34px;font-weight:800;letter-spacing:-0.03em;max-width:11em;}
.auth-aside p.lead{margin-top:16px;font-size:15px;color:var(--ink-soft);max-width:26em;line-height:1.55;}
.auth-bullets{margin-top:30px;display:flex;flex-direction:column;gap:14px;}
.auth-bullets .b{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--ink-soft);}
.auth-bullets .b .bi{width:34px;height:34px;border-radius:9px;background:var(--petrol-tn);display:grid;place-items:center;flex:none;}
.auth-bullets .b .bi svg{width:17px;height:17px;color:var(--petrol);}
.auth-bullets .b .bi svg *{stroke-width:1.9;}

.auth-main{padding:48px 56px;display:flex;flex-direction:column;justify-content:center;}
.auth-card{width:100%;max-width:430px;margin:0 auto;}
.tabs{display:flex;gap:6px;background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:5px;margin-bottom:28px;}
.tabs a{flex:1;text-align:center;font-weight:600;font-size:14px;color:var(--ink-soft);
  padding:11px;border-radius:8px;transition:.18s;}
.tabs a.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px oklch(40% 0.02 235/.1);}

.auth-card h1{font-size:26px;font-weight:800;color:var(--ink);margin:0;}
.auth-card .sub{font-size:14px;color:var(--ink-soft);margin-top:7px;margin-bottom:24px;}
.auth-card form{display:flex;flex-direction:column;gap:16px;}
.auth-card .field{margin:0;}
.auth-card .forgot{align-self:flex-end;margin-top:-8px;font-size:13px;font-weight:500;color:var(--petrol);}
.auth-card .forgot:hover{color:var(--petrol-dk);text-decoration:underline;}
.legal{font-size:12px;color:var(--ink-soft);line-height:1.5;}

.pro-banner{margin-top:22px;padding:14px 16px;background:var(--petrol-tn);border:1px solid oklch(85% 0.04 215);
  border-radius:11px;display:flex;gap:11px;align-items:flex-start;}
.pro-banner svg{width:18px;height:18px;color:var(--petrol);flex:none;margin-top:1px;}
.pro-banner svg *{stroke-width:1.8;}
.pro-banner .t{font-size:13px;color:var(--petrol-dk);}

@media(max-width:900px){
  .auth{grid-template-columns:1fr;padding:0;}
  .auth-aside{display:none;}
  .auth-main{padding:36px 24px;}
}