body.auth-pending #app{visibility:hidden}body.signed-out #app{display:none}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;max-width:1200px;margin:auto;padding:56px 48px;box-sizing:border-box}.auth-story{position:relative;min-height:650px}.auth-logo img{width:280px;max-width:100%;margin-bottom:68px}.auth-story h1{font:normal 56px/1.12 Georgia,serif;margin:22px 0}.auth-story p{max-width:380px;color:var(--muted,#a8b5cd);line-height:1.8}.auth-lion{height:310px;max-width:100%;object-fit:contain;display:block;margin:10px auto}.auth-local{display:block;color:var(--muted);font-size:12px;margin:14px 0}.auth-card h2{font-size:30px;margin:16px 0}.auth-card p{line-height:1.7}.auth-card .panel-body{padding:34px}.auth-card form,.account-form{display:grid;gap:18px;margin-top:24px}.auth-card label,.account-form label{display:grid;gap:8px;font-size:14px}.auth-card input,.account-form input,.account-form textarea,.account-form select{width:100%;box-sizing:border-box;color:var(--txt);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:13px;font:inherit}.auth-card input:focus-visible,.account-form :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.auth-card small,.auth-note{color:var(--muted);font-size:12px;line-height:1.7}.auth-switch{margin-top:20px}.auth-note{margin-top:24px}.auth-failure{max-width:600px;padding:32px;margin:80px auto}.audit-line small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.account-form textarea{resize:vertical}.account-form button{justify-self:start}.top-actions .pill{white-space:nowrap}@media(max-width:850px){.auth-layout{grid-template-columns:1fr;gap:18px;padding:28px 18px}.auth-story{min-height:0}.auth-logo img{width:235px;margin-bottom:24px}.auth-story h1{font-size:38px}.auth-story p{max-width:100%}.auth-lion{display:none}.auth-local{margin-top:20px}.auth-card .panel-body{padding:24px}.auth-card h2{font-size:25px}.auth-card .btn{width:100%}.auth-failure{margin:24px;padding:24px}}
.auth-logo{display:block}@media(max-width:850px){.auth-story h1{font-size:32px;margin:14px 0}.auth-story p{font-size:13px}.auth-logo img{margin-bottom:18px}.auth-story .auth-local{margin-top:12px}.auth-card{scroll-margin-top:20px}}
/* Accueil harmonisé avec la nouvelle référence visuelle : identité BILLIONNAIRE conservée. */
.auth-layout{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:72px;max-width:1280px;padding:48px 56px}
.auth-story{min-height:680px;display:flex;flex-direction:column;justify-content:center}
.auth-logo img{width:250px;margin-bottom:74px}
.auth-story h1{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:clamp(56px,6vw,84px);font-weight:800;line-height:.98;letter-spacing:-.055em;margin:22px 0 28px;max-width:620px}
.auth-story p{font-size:17px;max-width:470px;line-height:1.65}
.auth-lion{height:260px;margin:26px 0 0 4px;object-position:left center}
.auth-card{border:1px solid var(--line);box-shadow:0 24px 70px rgba(0,0,0,.28)}
.auth-card .panel-body{padding:42px}
.auth-card h2{font-size:30px;letter-spacing:-.025em}
.auth-card input{background:color-mix(in srgb, var(--panel2) 85%, transparent);border-color:color-mix(in srgb, var(--accent) 20%, transparent);min-height:50px}
@media(max-width:850px){.auth-layout{padding:28px 20px;gap:24px}.auth-story{min-height:0}.auth-logo img{width:220px;margin-bottom:30px}.auth-story h1{font-size:clamp(42px,12vw,64px);line-height:1.02}.auth-story p{font-size:15px}.auth-lion{display:block;height:150px;margin:8px auto}.auth-card .panel-body{padding:28px}}