/* © 2026 Lubansu Alphonse — pages publiques et compte (tarifs, connexion, compte) */
body{background:linear-gradient(180deg,#e7ecf6 0,var(--ivory) 320px) fixed;min-height:100vh}
.wrap{max-width:1200px;margin:0 auto;padding:0 26px}
.top{background:linear-gradient(100deg,var(--navy),#10294a 55%,var(--forest));color:#fff;position:sticky;top:0;z-index:30;box-shadow:0 8px 24px rgba(14,29,56,.2)}
.top-in{height:68px;display:flex;align-items:center;gap:22px}.top .brand img{width:36px;height:36px}.top .brand b{font-size:18px}
.top nav{margin-left:auto;display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.top nav a{text-decoration:none;color:#d8e1f2;font-size:13px;font-weight:650;padding:8px 12px;border-radius:9px}.top nav a:hover{background:rgba(255,255,255,.1)}.top nav a.cur{background:rgba(233,180,76,.22);color:var(--gold2)}
main{padding:34px 0 70px}
h1.pg{font-size:clamp(28px,4vw,44px);letter-spacing:-.04em;margin:0 0 8px;line-height:1.1}h1.pg em{font-family:var(--serif);font-weight:400;color:var(--forest3)}
.lead{color:var(--muted);max-width:760px;line-height:1.7;margin:0 0 24px}
.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow-sm)}
label.f{display:block;font-weight:700;font-size:13px;margin:14px 0 5px}
input,select{width:100%;border:1px solid #c4d0be;background:#fdfefb;border-radius:11px;padding:11px 13px;font-size:15px}input:focus,select:focus{outline:none;border-color:var(--forest3);box-shadow:0 0 0 4px rgba(42,106,82,.15)}
input[type=checkbox]{width:auto}.chk{display:flex;gap:10px;font-size:13.5px;margin:14px 0;line-height:1.5}.chk input{margin-top:3px}
.err{color:var(--danger);font-weight:600;font-size:14px;margin:10px 0 0}.ok{color:var(--ok);font-weight:600;font-size:14px}
.muted{color:var(--muted)}.small{font-size:12.5px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row.sp{justify-content:space-between}
.notice{border-radius:12px;padding:12px 16px;background:#fbf0d2;color:#6b4a0e;font-size:13.5px;line-height:1.6;margin:14px 0}.notice.bad{background:#f8e1de;color:#8a2a20}
.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:var(--navy);color:#fff;padding:12px 20px;border-radius:12px;z-index:100;box-shadow:0 12px 36px rgba(0,0,0,.35);max-width:90vw;font-size:14px}.toast.bad{background:#8a2a20}

/* tarifs */
.toggle{display:inline-flex;background:#e1e7dc;border-radius:999px;padding:4px;margin:6px 0 26px}.toggle button{border:0;background:transparent;border-radius:999px;padding:9px 20px;font-weight:700;cursor:pointer;font-size:13.5px}.toggle button[aria-pressed=true]{background:#fff;box-shadow:var(--shadow-sm)}.toggle small{color:var(--ok);font-weight:800}
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
.plan{display:flex;flex-direction:column;gap:12px;position:relative;transition:transform .25s,box-shadow .25s;padding:24px 22px}.plan:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.plan.hl{background:linear-gradient(160deg,var(--navy),#10294a 55%,var(--forest));color:#fff;border:0;box-shadow:var(--shadow)}.plan.hl .muted{color:#b9c6dc}.plan.hl li:before{background:rgba(233,180,76,.25);color:var(--gold2)}
.badge{position:absolute;top:-12px;left:22px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1b1608;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.plan h3{margin:0;font-size:22px;letter-spacing:-.02em}.price{font-size:42px;font-weight:800;letter-spacing:-.04em;line-height:1}.price small{font-size:14px;font-weight:600;opacity:.7;letter-spacing:0}
.mods{display:flex;gap:6px;flex-wrap:wrap}.mods .tag{font-size:11.5px}.plan.hl .tag{background:rgba(255,255,255,.14);color:#fff}
.plan ul{list-style:none;padding:0;margin:4px 0 8px;display:grid;gap:8px;flex:1}.plan li{position:relative;padding-left:26px;font-size:14px;line-height:1.5}.plan li:before{content:"✓";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:900;background:#dcefd0;color:#2c6a3f}
.matrix{margin-top:34px;overflow-x:auto}.matrix table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}.matrix th,.matrix td{padding:13px 14px;border-bottom:1px solid #ecefe8;text-align:center}.matrix th:first-child,.matrix td:first-child{text-align:left}.matrix th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.yes{color:var(--ok);font-weight:800}.no{color:#b6bfb3}
.free{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
.need{margin-bottom:20px}

/* connexion */
.auth{max-width:520px;margin:30px auto}.auth-tabs{display:flex;gap:4px;background:#e1e7dc;border-radius:14px;padding:4px;margin-bottom:18px}.auth-tabs button{flex:1;border:0;background:transparent;border-radius:11px;padding:11px;font-weight:700;cursor:pointer}.auth-tabs button[aria-selected=true]{background:#fff;box-shadow:var(--shadow-sm)}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}

/* compte */
.mod{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin-top:10px;background:#fcfdfa}.mod.lock{opacity:.7}.mod .grow{flex:1}.mod b{display:block}
.admin-t{width:100%;border-collapse:collapse;font-size:13.5px}.admin-t th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:8px;border-bottom:2px solid var(--line)}.admin-t td{padding:10px 8px;border-bottom:1px solid #ecefe8;vertical-align:middle}.admin-t select{padding:7px 9px;font-size:13px}.tw{overflow-x:auto}
.mchk{display:flex;gap:10px;flex-wrap:wrap;font-size:12px}.mchk label{display:flex;gap:4px;align-items:center}

@media(max-width:1000px){.plans{grid-template-columns:repeat(2,1fr)}.free{grid-template-columns:1fr}}
@media(max-width:600px){.plans,.g2{grid-template-columns:1fr}.top nav a.hide-s{display:none}.wrap{padding:0 16px}}

.sh{font-size:16px;letter-spacing:-.01em;margin:26px 0 12px;color:var(--ink2)}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:6px}
.tier{border:2px solid var(--line);background:#fff;border-radius:18px;padding:16px 18px;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s;font:inherit;color:inherit;position:relative}
.tier:hover{border-color:var(--gold)}.tier[aria-checked=true]{border-color:var(--forest3);box-shadow:0 0 0 4px rgba(42,106,82,.14);background:linear-gradient(135deg,#f6faf1,#fff)}
.tier b{font-size:19px;display:block}.tier .muted{font-size:12.5px}.tier ul{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:5px;font-size:13px}.tier li:before{content:"✓ ";color:var(--ok);font-weight:900}
.tier .pop{position:absolute;top:-10px;right:14px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1b1608;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:999px}
@media(max-width:700px){.tiers{grid-template-columns:1fr}}