Créer un compte <style id="inscription-modern-v2"> .inscription-page .signup-modern-shell{ width:min(1180px,calc(100% - 40px)); min-height:calc(100vh - 150px); margin:0 auto; padding:50px 0 70px; display:grid; grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr); gap:22px; } .inscription-page .signup-modern-story, .inscription-page .signup-modern-panel{ border-radius:30px; } .inscription-page .signup-modern-story{ position:relative; overflow:hidden; padding:54px; display:flex; flex-direction:column; justify-content:center; color:#fff; background: radial-gradient(circle at 100% 0%,rgba(255,255,255,.14),transparent 30%), linear-gradient(145deg,#173f6d 0%,#14566a 42%,#0c6048 100%); box-shadow:var(--ui-shadow); } .inscription-page .signup-modern-story .ui-eyebrow{ color:rgba(255,255,255,.72); } .inscription-page .signup-modern-story h1{ max-width:560px; margin:0; color:#fff; font-size:clamp(3rem,5vw,5.2rem); line-height:.92; letter-spacing:-.055em; } .inscription-page .signup-modern-story > p{ max-width:520px; margin:28px 0 35px; color:rgba(255,255,255,.72); line-height:1.7; } .inscription-page .signup-feature-list{ display:grid; gap:13px; } .inscription-page .signup-feature-list div{ display:flex; align-items:center; gap:12px; padding:11px 13px; border:1px solid rgba(255,255,255,.10); border-radius:12px; background:rgba(255,255,255,.06); } .inscription-page .signup-feature-list span{ color:rgba(255,255,255,.88); font-weight:650; } .inscription-page .signup-modern-panel{ align-self:center; padding:46px; border:1px solid var(--ui-border); background:rgba(255,255,255,.9); box-shadow:var(--ui-shadow); backdrop-filter:blur(18px); } .inscription-page .signup-modern-panel-head h2{ margin:0; color:var(--ui-ink); font-size:2.4rem; letter-spacing:-.04em; } .inscription-page .signup-modern-panel-head p{ margin:8px 0 28px; color:var(--ui-muted); } .inscription-page .signup-modern-form{ gap:10px !important; } .inscription-page .signup-two-columns{ display:grid; grid-template-columns:1fr 1fr; gap:12px; } .inscription-page .signup-two-columns > div{ display:grid; gap:7px; } .inscription-page .signup-modern-form input{ min-height:48px; background:var(--ui-surface-solid) !important; } .inscription-page .signup-modern-form button[type="submit"]{ min-height:50px; margin-top:10px; border-radius:13px !important; background: linear-gradient(135deg,var(--ui-green),var(--ui-green-dark)) !important; box-shadow: 0 10px 26px color-mix(in srgb,var(--ui-green) 25%,transparent) !important; } .inscription-page .auth-link{ margin-top:20px !important; } @media(max-width:900px){ .inscription-page .signup-modern-shell{ grid-template-columns:1fr; } .inscription-page .signup-modern-story{ padding:40px; } } @media(max-width:600px){ .inscription-page .signup-modern-shell{ width:min(100% - 22px,1180px); padding-top:24px; } .inscription-page .signup-modern-story, .inscription-page .signup-modern-panel{ border-radius:22px; } .inscription-page .signup-modern-panel{ padding:30px 22px; } .inscription-page .signup-two-columns{ grid-template-columns:1fr; } } </style>