:root{--navy:#10233e;--blue:#1877bf;--pink:#ed378a;--paper:#f5f8fc;--ink:#16243a;--muted:#62738a;--line:#dfe7f0;--radius:22px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 12% 8%,#e8f4ff,transparent 28%),linear-gradient(180deg,#f7faff,#f0f5fb);font:16px/1.55 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink)}a{color:var(--blue)}.top{background:linear-gradient(125deg,#10233e,#193c65);color:white;padding:22px max(24px,calc((100vw - 1140px)/2));display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.brand{color:white;text-decoration:none;font-weight:850;font-size:21px}.brand span{color:var(--pink)}.wrap{max-width:1140px;margin:auto;padding:24px}.hero{padding:28px 0 36px}.hero h1{font-size:clamp(32px,5vw,55px);line-height:1.12;letter-spacing:-.04em;margin:10px 0}.hero em{color:var(--pink);font-style:normal}.hero p{max-width:650px;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--blue);font-weight:800}.panel,.plan{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 34px rgba(16,35,62,.06);padding:28px;margin:18px 0}.panel h2{margin-top:0}.narrow{max-width:650px;margin:24px auto}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan{display:flex;flex-direction:column;gap:9px;text-decoration:none;color:var(--ink);margin:0}.plan b{font-size:25px;color:var(--navy)}.plan small,.micro{color:var(--muted)}.plan.selected{border:2px solid var(--pink);background:#fff7fb}label{display:block;font-weight:700;margin:14px 0 6px}label input:not([type=checkbox]):not([type=color]):not([type=range]){display:block;width:100%;border:1px solid #ccd8e6;border-radius:12px;padding:12px;margin-top:5px;font:inherit}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #9dd3ff;outline-offset:2px}.check{font-size:13px;font-weight:500;display:flex;gap:10px;align-items:flex-start}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--navy);border:0;color:white;text-decoration:none;padding:12px 20px;border-radius:12px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;margin:6px 0}.button.accent{background:linear-gradient(120deg,#e42d82,#f0549b)}.button.secondary{background:#e8f4ff;color:#125589}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stats>div{padding:22px;background:white;border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column}.stats b{font-size:21px}.stats small{color:var(--muted)}.share{display:flex;gap:8px;max-width:780px}.share input{flex:1;min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px}.qr{margin:18px 0}table{border-collapse:collapse;width:100%}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--navy);background:#f5f8fc}.tablewrap{overflow-x:auto}.notice{padding:15px;background:#e8f4ff;border-radius:12px}#drawing{display:block;width:100%;max-width:700px;aspect-ratio:1;border:1px solid var(--line);border-radius:12px;touch-action:none;background:white}.drawing-tools{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.drawing-tools label{margin:0}footer{color:var(--muted);font-size:13px}@media(max-width:700px){.cards,.stats{grid-template-columns:1fr}.panel{padding:18px}.top{padding:18px 24px}.share{flex-direction:column}}
/* Menus déroulants de l'administration */
select {
    width: 100%;
    min-height: 46px;
    padding: 11px 44px 11px 15px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background-color: #ffffff;
    color: #243247;
    font: inherit;
    font-size: 15px;
    line-height: 1.4;
    cursor: pointer;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 16px;
}

select:hover {
    border-color: #8295ab;
    background-color: #f8fafc;
}

select:focus {
    outline: 3px solid rgba(9, 105, 218, 0.15);
    border-color: #0969da;
}