*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}:root{--ink:#030b27;--midnight:#061b63;--deep:#08277e;--electric:#0738d1;--signal:#145bff;--white:#fff;--soft:#dde6ff;--accent:#8fb4ff;--line:#dde6ff24;--line-2:#dde6ff42;--panel:#dde6ff0b;--sans:"Manrope",system-ui,-apple-system,sans-serif;--serif:"Instrument Serif",Georgia,serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--side:288px}html,body{height:100%}body{font-family:var(--sans);color:var(--soft);background:var(--ink);-webkit-font-smoothing:antialiased;background-image:radial-gradient(90% 70% at 100% 0,#0738d138,#0000 60%),radial-gradient(70% 60% at 0 100%,#061b6380,#0000 62%);background-attachment:fixed;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}::placeholder{color:#dde6ff57}.eyebrow{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:11px;display:block}.muted{color:#dde6ff8f}.serif{font-family:var(--serif);font-style:italic;font-weight:400}.btn{border:1px solid var(--line-2);background:var(--panel);color:var(--white);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.btn:hover:not(:disabled){background:#dde6ff17;border-color:#8fb4ff8c}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:linear-gradient(165deg,#0a1a55,#050d33 60%,#030b27);border-color:#8fb4ff80;box-shadow:0 0 44px #145bff38,inset 0 1px #dde6ff24}.btn--primary:hover:not(:disabled){box-shadow:0 0 60px #145bff52}.btn--ghost{border-color:var(--line);background:0 0}.btn--sm{padding:8px 15px;font-size:13px}.field{margin-bottom:16px;display:block}.field>span{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#dde6ff80;margin-bottom:7px;font-size:11px;display:block}.input,.textarea,.select{border:1px solid var(--line-2);width:100%;color:var(--white);background:#030b2799;border-radius:5px;padding:12px 14px;font-size:15px;transition:border-color .15s}.input:focus,.textarea:focus,.select:focus{background:#030b27d9;border-color:#8fb4ff99;outline:none}.textarea{resize:vertical;min-height:96px;line-height:1.55}.card{border:1px solid var(--line);background:var(--panel);border-radius:7px;padding:26px 28px}.card--elite{background:linear-gradient(165deg,#0a1a55,#050d33 55%,#030b27);border-color:#8fb4ff80;box-shadow:0 0 70px #145bff33,inset 0 1px #dde6ff24}.shell{min-height:100vh;display:flex}.side{width:var(--side);flex:0 0 var(--side);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030b27c2;height:100vh;padding:26px 20px 30px;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:11px;margin-bottom:26px;display:flex}.brand svg{width:26px;height:26px}.brand svg path{stroke:var(--soft);stroke-width:11px;fill:none;stroke-linecap:round}.brand b{letter-spacing:-.02em;color:var(--white);font-size:15px;font-weight:800}.nav-group{margin-bottom:22px}.nav-group>span{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#dde6ff57;margin-bottom:9px;padding-left:11px;font-size:10px;display:block}.nav-i{color:#dde6ffc2;border-radius:5px;align-items:center;gap:10px;padding:9px 11px;font-size:14px;transition:background .12s,color .12s;display:flex}.nav-i:hover{color:var(--white);background:#dde6ff0d}.nav-i.on{color:var(--white);background:#145bff2e;font-weight:600}.nav-i.done:after{content:"✓";color:var(--accent);margin-left:auto;font-size:12px}.nav-n{font-family:var(--mono);color:var(--accent);opacity:.8;min-width:20px;font-size:11px}.main{flex:1;min-width:0;max-width:1040px;padding:44px 52px 90px}.page-h{margin-bottom:34px}.page-h h1{letter-spacing:-.035em;color:var(--white);margin:10px 0 0;font-size:38px;font-weight:800;line-height:1.12}.page-h p{color:#dde6ffad;max-width:680px;margin-top:12px;font-size:17px}.prog{margin-bottom:24px;padding:0 11px}.prog-t{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#dde6ff70;justify-content:space-between;margin-bottom:8px;font-size:10px;display:flex}.prog-b{background:#dde6ff1f;border-radius:2px;height:3px;overflow:hidden}.prog-f{background:linear-gradient(90deg,var(--electric),var(--signal));height:100%;transition:width .3s}.lesson h2{color:var(--white);letter-spacing:-.02em;margin:34px 0 14px;font-size:25px;font-weight:700}.lesson h3{color:var(--white);margin:24px 0 10px;font-size:19px;font-weight:700}.lesson p{margin-bottom:15px;font-size:16.5px}.lesson ul,.lesson ol{margin:0 0 16px 20px}.lesson li{margin-bottom:8px;font-size:16.5px}.lesson strong{color:var(--white);font-weight:700}.lesson table{border-collapse:collapse;width:100%;margin:16px 0;font-size:15px}.lesson th,.lesson td{border:1px solid var(--line);text-align:left;padding:10px 13px}.lesson th{color:var(--white);background:#dde6ff0e;font-weight:600}.act{background:linear-gradient(165deg,#0a1a55,#050d33 55%,#030b27);border:1px solid #8fb4ff80;border-radius:7px;margin:30px 0;padding:26px 30px;box-shadow:0 0 56px #145bff33}.act h4{color:var(--white);letter-spacing:-.02em;margin:10px 0;font-size:22px;font-weight:800}.demo{border-left:3px solid var(--signal);background:linear-gradient(90deg,#145bff1c,#0000 72%);margin:24px 0;padding:16px 0 16px 20px}.chat{flex-direction:column;height:calc(100vh - 88px);display:flex}.chat-flow{flex:1;padding-right:8px;overflow-y:auto}.msg{max-width:760px;margin-bottom:26px}.msg-who{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:10px}.msg--me .msg-who{color:#dde6ff70}.msg-body{white-space:pre-wrap;font-size:16.5px}.msg--me .msg-body{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:14px 18px;display:inline-block}.src{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.src a{font-family:var(--mono);letter-spacing:.06em;border:1px solid var(--line-2);color:var(--accent);background:#145bff17;border-radius:3px;padding:5px 10px;font-size:11px}.src a:hover{border-color:#8fb4ff99}.composer{border-top:1px solid var(--line);gap:10px;padding-top:18px;display:flex}.composer .textarea{min-height:52px;max-height:180px}.grid{gap:16px;display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.stat b{color:var(--white);letter-spacing:-.03em;font-size:30px;font-weight:800;display:block}.stat span{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#dde6ff75;font-size:10px}table.data{border-collapse:collapse;width:100%;font-size:14px}table.data th{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#dde6ff75;text-align:left;border-bottom:1px solid var(--line-2);padding:10px 12px;font-size:10px;font-weight:500}table.data td{border-bottom:1px solid var(--line);padding:12px}table.data tr:hover td{background:#dde6ff08}.pill{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line-2);color:#dde6ffb3;border-radius:3px;padding:3px 9px;font-size:10px;display:inline-block}.pill--elite{color:var(--accent);background:#145bff24;border-color:#8fb4ff8c}.notice{background:#145bff17;border:1px solid #8fb4ff57;border-radius:5px;margin-bottom:18px;padding:13px 16px;font-size:14px}.notice--warn{background:#ff787812;border-color:#ffaaaa57}.burger{display:none}@media (max-width:960px){.side{z-index:50;transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-100%)}.side.open{transform:translate(0)}.main{padding:72px 22px 70px}.burger{z-index:60;border:1px solid var(--line-2);cursor:pointer;background:#030b27e6;border-radius:5px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:fixed;top:14px;left:14px}.grid--2,.grid--3{grid-template-columns:1fr}.page-h h1{font-size:30px}}@media (max-width:900px){.accueil{grid-template-columns:1fr!important}.accueil section:last-child{border-top:1px solid var(--line);border-left:0!important}}