.login{--green:#08763b;--green-dark:#063f28;--green-ink:#042d20;--ball:#caff4a;--cream:#f7f8f2;--ink:#17201c;--muted:#66716b;--line:#dfe5df;--danger:#e45858;background:var(--cream);min-height:100svh;color:var(--ink);font-family:var(--font-geist-sans),Arial,sans-serif;grid-template-columns:minmax(460px,52vw) 1fr;display:grid}.login *{box-sizing:border-box}.login a{color:inherit;text-decoration:none}.login button,.login input{font:inherit}.login-story{color:#fff;isolation:isolate;background-position:88%;background-size:cover;min-height:100svh;position:relative;overflow:hidden}.login-story-shade{z-index:0;background:linear-gradient(110deg,#042d20ed,#08763b8c 55%,#042d204d);position:absolute;inset:0}.login-brand{z-index:1;align-items:center;gap:12px;display:flex;position:absolute;top:32px;left:38px}.login-mark{background:#fff;border-radius:10px;flex:none;width:46px;height:46px;overflow:hidden;box-shadow:0 1px 4px #063f2847}.login-mark img{object-fit:contain;width:100%;height:100%}.login-brand-name{font-size:15px;font-weight:900;line-height:1.15}.login-brand-name b{color:var(--ball)}.login-brand-name small{letter-spacing:.2em;color:#c9d6cd;margin-top:6px;font-size:8px;font-weight:750;display:block}.login-story-copy{z-index:1;width:min(85%,680px);position:absolute;top:48%;left:7%;transform:translateY(-50%)}.login-eyebrow{color:var(--ball);letter-spacing:.15em;font-size:12px;font-weight:900;display:block}.login-story h1{letter-spacing:-.03em;margin:20px 0 26px;font:400 clamp(52px,6.4vw,92px)/.92 Georgia,Times New Roman,serif}.login-story h1 em{color:var(--ball);font-style:italic;font-weight:400}.login-story-copy>i{background:var(--ball);width:56px;height:3px;margin-bottom:22px;display:block}.login-story-copy>p{color:#edf3ef;margin:0;font-size:17px;line-height:1.7}.login-formats{z-index:1;color:#e6eee9;gap:26px;margin:0;padding:0;font-size:13px;list-style:none;display:flex;position:absolute;bottom:8%;left:7%}.login-formats li{align-items:center;gap:7px;display:flex}.login-formats svg{width:15px;color:var(--ball)}.login-form-side{min-width:0;padding:0 5vw 50px}.login-topbar{justify-content:flex-end;align-items:center;max-width:610px;height:96px;margin-inline:auto;display:flex}.login-mobile-brand{align-items:center;gap:9px;font-size:12px;font-weight:900;display:none}.login-mobile-brand b{color:var(--green)}.login-langues{gap:10px;display:flex}.login-langues button{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);cursor:pointer;background:#fff;border-radius:50%;place-items:center;font-size:18px;line-height:1;transition:all .2s;display:grid}.login-langues button:hover{border-color:#7dad91}.login-langues button.active{border-color:var(--green);background:var(--green)}.login-card-wrap{place-items:center;min-height:calc(100svh - 140px);display:grid}.login-card{border:1px solid var(--line);background:#fffffff5;border-radius:18px;width:min(100%,610px);padding:46px 50px 32px;box-shadow:0 24px 60px #112b1d14}.login-card-heading{margin-bottom:32px}.login-card-heading>span{color:var(--green);letter-spacing:.16em;font-size:10px;font-weight:900}.login-card-heading h2{letter-spacing:-.02em;text-wrap:balance;max-width:470px;margin:9px 0 10px;font:400 clamp(33px,3.1vw,46px)/1.05 Georgia,Times New Roman,serif}.login-card-heading p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.login-card form{gap:18px;display:grid}.login-card label{color:#242b27;font-size:14px;font-weight:700;display:block}.login-card label>b{color:var(--danger);font-weight:700}.login-control{margin-top:8px;display:block;position:relative}.login-control svg{color:#65716a;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.login-control input{border:1px solid var(--line);color:#222b26;background:#fff;border-radius:8px;outline:none;width:100%;height:52px;padding:0 46px;transition:border-color .2s,box-shadow .2s}.login-control input::placeholder{color:#8a918d}.login-control input:focus{border-color:var(--green);box-shadow:0 0 0 3px #08763b1a}.login-password input{padding-right:52px}.login-password button{color:#68736d;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login-password button:hover{color:var(--green);background:#eef5ef}.login-password button svg{width:19px}.login-forgot{color:var(--green);justify-self:end;margin-top:-4px;font-size:13px;font-weight:800}.login-submit,.login-create{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:12px;height:52px;font-size:14px;font-weight:800;transition:all .2s;display:flex}.login-submit{background:linear-gradient(90deg,var(--green-dark),var(--green));color:#fff;box-shadow:0 9px 20px #08763b1f}.login-submit:hover{filter:brightness(1.06);transform:translateY(-1px)}.login-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-submit svg{width:17px;color:var(--ball)}.login-erreur{color:#b23a3a;background:#fdeeee;border-radius:7px;margin:-3px 0 0;padding:9px 13px;font-size:12.5px}.login-divider{color:#929995;place-items:center;height:20px;font-size:12px;display:grid;position:relative}.login-divider:before{content:"";background:#e6e9e6;height:1px;position:absolute;left:0;right:0}.login-divider span{background:#fff;padding:0 14px;position:relative}.login-create{border:1px solid var(--green);color:var(--green);background:#fff}.login-create:hover{background:#f1f8f2;transform:translateY(-1px)}.login-create svg{width:17px}.login-legal{color:#8b928e;text-align:center;margin:3px 10px 0;font-size:11px;line-height:1.6}.login-legal a{color:#65736b;text-underline-offset:2px;text-decoration:underline}.login-suspendu{--green:#08763b;--green-dark:#063f28;--ball:#caff4a;--cream:#f7f8f2;--ink:#17201c;--muted:#66716b;--line:#dfe5df;background:var(--cream);min-height:100svh;color:var(--ink);font-family:var(--font-geist-sans),Arial,sans-serif;place-items:center;padding:24px;display:grid}.login-suspendu-card{text-align:center;border:1px solid var(--line);background:#fff;border-radius:16px;width:100%;max-width:460px;padding:40px 34px;box-shadow:0 20px 54px #112b1d0f}.login-suspendu-icon{background:#fdf3e6;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 18px;font-size:24px;display:grid}.login-suspendu-card h2{margin:0 0 10px;font:400 26px/1.2 Georgia,Times New Roman,serif}.login-suspendu-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.login-suspendu-bouton{background:linear-gradient(90deg,var(--green-dark),var(--green));color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;width:100%;height:48px;margin-top:22px;font-size:13.5px;font-weight:800;display:flex}.login-suspendu-retour{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-top:16px;font-size:12.5px;font-weight:700;display:inline-block}@media (max-width:1050px){.login{grid-template-columns:44% 1fr}.login-form-side{padding-inline:34px}.login-card{padding-inline:36px}.login-story h1{font-size:66px}.login-formats{flex-direction:column;gap:10px}.login-story-copy>p{font-size:16px}}@media (max-width:780px){.login{display:block}.login-story{background-position:70% 28%;height:300px;min-height:300px}.login-story-shade{background:linear-gradient(110deg,#042d20f2,#08763b66),linear-gradient(#0000,#042d2080)}.login-brand,.login-formats{display:none}.login-story-copy{top:53%;left:28px;transform:translateY(-50%)}.login-story h1{margin:13px 0 0;font-size:56px}.login-story-copy>i,.login-story-copy>p{display:none}.login-eyebrow{font-size:10px}.login-form-side{padding:0 22px 48px}.login-topbar{justify-content:space-between;height:78px}.login-mobile-brand{display:flex}.login-mobile-brand .login-mark{width:38px;height:38px}.login-langues button{width:39px;height:39px;font-size:16px}.login-card-wrap{min-height:auto}.login-card{padding:35px 28px 27px}.login-card-heading h2{font-size:39px}}@media (max-width:460px){.login-story{height:245px;min-height:245px}.login-story-copy{left:20px}.login-story h1{font-size:45px}.login-form-side{padding-inline:12px}.login-card{border-radius:12px;padding-inline:20px}.login-mobile-brand>span:last-child{display:none}.login-card-heading h2{font-size:35px}}@media (prefers-reduced-motion:reduce){.login *{transition:none!important}}
