.c01-dialog,.c01-welcome{--c01-accent:#1e5794;--c01-text:#172b41;--c01-soft:#f0f6fc;--c01-border:#d4e4f5}
.c01-dialog[data-site=retraite],.c01-welcome[data-site=retraite]{--c01-accent:#355e43;--c01-text:#263b2e;--c01-soft:#f0f6ef;--c01-border:#d8e5d5}
.c01-dialog[data-site=train],.c01-welcome[data-site=train]{--c01-accent:#345344;--c01-text:#263b2e;--c01-soft:#f0f6ef;--c01-border:#d8e5d5}
.c01-dialog[data-site=resiliation],.c01-welcome[data-site=resiliation]{--c01-accent:#5740df;--c01-text:#292044;--c01-soft:#f4f1fd;--c01-border:#e0d9f7}
.c01-dialog[data-site=emploi],.c01-welcome[data-site=emploi]{--c01-accent:#355d44;--c01-text:#263b2e;--c01-soft:#f1f7ef;--c01-border:#d7e6d1}
.c01-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;margin:auto;padding:30px;border:1px solid #dce5ee;border-radius:22px;background:#fff;color:var(--c01-text);box-shadow:0 24px 90px #0c233640;font:15px/1.5 system-ui,sans-serif;text-align:left;letter-spacing:normal}
.c01-dialog::backdrop{background:#142b45ad;backdrop-filter:blur(4px)}
.c01-dialog .c01-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:var(--c01-accent);background:var(--c01-soft);font-size:25px;margin:0 0 18px}
.c01-dialog h2{font:800 27px/1.2 system-ui,sans-serif;margin:0 0 12px;color:var(--c01-text);letter-spacing:-.03em}
.c01-dialog .c01-intro{font:400 15px/1.5 system-ui,sans-serif;margin:0 0 24px;color:#526375}
.c01-dialog label{display:flex;flex-direction:column;gap:7px;font-weight:650;margin:0 0 16px}
.c01-dialog .c01-names{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.c01-dialog input:not([type=checkbox]){box-sizing:border-box;width:100%;min-width:0;height:48px;padding:10px 12px;border:1px solid #b5c6d6;border-radius:10px;background:#fff;color:var(--c01-text);font:16px system-ui,sans-serif}
.c01-dialog .c01-agreement{display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:16px;background:var(--c01-soft);border:1px solid var(--c01-border);border-radius:12px;font-size:14px;font-weight:500;cursor:pointer}
.c01-dialog .c01-agreement input{flex:0 0 20px;width:20px;height:20px;margin:2px 0 0;accent-color:var(--c01-accent)}
.c01-dialog .c01-hint,.c01-dialog .c01-independent,.c01-dialog .c01-foot{font:400 12px/1.6 system-ui,sans-serif;color:#596b7c;letter-spacing:normal}
.c01-dialog .c01-hint{margin:-8px 0 20px}
.c01-dialog .c01-independent{margin:0 0 12px}
.c01-dialog .c01-foot{margin:14px 0 18px}
.c01-dialog .c01-submit{display:block;box-sizing:border-box;width:100%;min-height:52px;padding:14px;border:0;border-radius:11px;background:var(--c01-accent);color:#fff;font:750 15px/1.4 system-ui,sans-serif;cursor:pointer}
.c01-dialog .c01-submit:disabled{opacity:.65;cursor:wait}
.c01-dialog :focus-visible{outline:3px solid #5596da;outline-offset:3px}
.c01-dialog h2:focus{outline:none}
.c01-dialog a{color:var(--c01-accent);text-decoration:underline}
.c01-dialog #c01-error{color:#a32424;font:400 14px/1.5 system-ui,sans-serif;margin:0 0 12px}
.c01-dialog #c01-error:empty{margin:0}
.c01-welcome{box-sizing:border-box;display:block;width:100%;max-width:none;margin:0;padding:16px 20px;background:#fff;border-bottom:1px solid var(--c01-border);color:var(--c01-text);text-align:center;font-family:system-ui,sans-serif;position:relative;z-index:1}
.c01-welcome .c01-welcome-inner{display:block;box-sizing:border-box;width:100%;max-width:1220px;min-width:0;margin:0 auto;padding:0;white-space:nowrap;overflow:hidden}
.c01-welcome .c01-welcome-text{display:block;width:max-content;max-width:none;padding:0;margin:0 auto;white-space:nowrap;overflow-wrap:normal;word-break:normal;font:750 clamp(18px,2.7vw,27px)/1.3 system-ui,sans-serif;letter-spacing:normal;color:inherit;transform-origin:left center}
.c01-welcome .c01-welcome-text:focus{outline:none}
@media(max-width:440px){.c01-dialog{padding:22px 18px}.c01-dialog .c01-names{grid-template-columns:minmax(0,1fr);gap:0}.c01-dialog h2{font-size:24px}.c01-dialog .c01-agreement{padding:13px}.c01-welcome{padding:14px 12px}}