:root{--bleu:#6A9BCC;--bleu-f:#4A7BA8;--bleu-c:#A8C4E0;--bleu-p:#D3E5F8;--dark:#141413;--code:#1A1917;--creme:#FAF9F5;--gris:#B0AEA5;--gris-c:#E8E6DC;--r:12px;--shadow:0 4px 16px rgba(20,20,19,.1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:"Source Sans 3",Calibri,Gill Sans,sans-serif;background:var(--creme);color:var(--dark);line-height:1.75}h1,h2,h3,h4{font-family:Georgia,serif;font-weight:700}h2{font-size:clamp(1.9rem,1.25rem + 2.3vw,3rem);line-height:1.14;letter-spacing:-.01em}.container{max-width:920px;margin:0 auto;padding:0 2rem}.hero-free{padding:6.5rem 0 4rem;text-align:center;background:var(--bleu-p);position:relative;overflow:hidden;border-bottom:3px solid var(--dark)}.hero-free:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,var(--bleu-c) 1px,transparent 1px);background-size:28px 28px;opacity:.3;pointer-events:none}.hero-free .container{position:relative;z-index:1}.badge{display:inline-block;font-size:.72rem;font-weight:700;color:var(--bleu-f);background:#fff;padding:.35rem .95rem;border-radius:20px;border:2px solid var(--bleu-c);text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem;box-shadow:2px 2px 0 0 var(--bleu-c)}.hero-free h1{font-size:clamp(2.1rem,1.5rem + 3vw,3.4rem);line-height:1.08;letter-spacing:-.018em;margin-bottom:1.1rem}.hero-free h1 .accent{color:var(--bleu)}.hero-desc{font-size:clamp(1.05rem,1rem + .4vw,1.2rem);color:#444;max-width:600px;margin:0 auto 2rem;line-height:1.7}section{padding:5rem 0}.skills-free{background:#fff}.skills-free h2{margin-bottom:.4rem}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2.5rem}.skill-free-card{background:var(--creme);border:3px solid var(--dark);border-radius:var(--r);padding:2rem;box-shadow:6px 6px 0 0 var(--gris-c);position:relative;transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out)}.skill-free-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 0 var(--bleu-f)}.skill-free-card:before{content:"GRATUIT";position:absolute;top:1rem;right:1rem;font-size:.65rem;font-weight:700;color:#fff;background:var(--bleu-f);padding:.22rem .6rem;border-radius:4px;letter-spacing:1px;box-shadow:2px 2px 0 0 var(--bleu-c)}.skill-num{font-family:Consolas,monospace;font-size:.7rem;color:var(--bleu-f);font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:.6rem}.skill-free-card h3{font-size:1.2rem;margin-bottom:.6rem;line-height:1.3}.skill-free-card p{font-size:.92rem;color:#555;margin-bottom:1.2rem;line-height:1.65}.skill-features{list-style:none;margin-bottom:.5rem}.skill-features li{font-size:.86rem;padding:.4rem 0;border-bottom:1px solid var(--gris-c);color:var(--dark);line-height:1.5}.skill-features li:last-child{border-bottom:none}.skill-features li:before{content:"— ";color:var(--bleu-f);font-weight:700}.form-section{background:var(--dark);color:var(--creme);text-align:center;position:relative;overflow:hidden}.form-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(168,196,224,.1) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:0}.form-section .container{position:relative;z-index:1}.form-section h2{color:var(--creme)}.form-section p{color:var(--gris);max-width:500px;margin:.6rem auto 2.2rem;font-size:1.02rem;line-height:1.65}.form-box{max-width:480px;margin:0 auto;background:var(--code);border:3px solid var(--bleu-f);border-radius:var(--r);padding:2.5rem;box-shadow:10px 10px 0 0 var(--bleu-f);text-align:left}.form-box label{display:block;text-align:left;font-size:.8rem;color:var(--bleu-c);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:.4rem}.form-box input{width:100%;padding:.8rem 1rem;border:2px solid #2a2a28;border-radius:4px;background:var(--dark);color:var(--creme);font-size:.95rem;font-family:"Source Sans 3",Calibri,sans-serif;margin-bottom:1.2rem;outline:none;transition:border .2s,box-shadow .2s}.form-box input:focus{border-color:var(--bleu);box-shadow:0 0 0 3px #6a9bcc40}.form-box input::placeholder{color:var(--gris)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.6rem;border-radius:4px;font-family:"Source Sans 3",Calibri,sans-serif;font-size:.95rem;font-weight:700;text-decoration:none;border:3px solid var(--dark);cursor:pointer;transition:all .2s var(--ease-out)}.btn-submit{width:100%;justify-content:center;background:var(--bleu);color:#fff;border-color:var(--bleu);font-size:1.02rem;padding:.95rem 1.6rem;margin-top:.3rem}.btn-submit:hover:not(:disabled){background:var(--bleu-f);border-color:var(--bleu-f);transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--creme)}.btn-submit:disabled{opacity:.7;cursor:default}.form-note{font-size:.78rem;color:var(--gris);margin-top:1rem;text-align:center}.details-section{background:var(--creme)}.details-section h2{margin-bottom:.4rem}.checklist{max-width:640px;margin:2.5rem auto 0}.check-item{display:flex;align-items:flex-start;gap:1rem;padding:1.1rem 1.2rem;border:2px solid var(--gris-c);border-radius:var(--r);background:#fff;margin-bottom:.8rem;transition:transform .2s var(--ease-out),border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}.check-item:hover{transform:translate(3px);border-color:var(--bleu-f);box-shadow:4px 4px 0 0 var(--bleu-p)}.check-icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bleu-p);border:2px solid var(--bleu-f);border-radius:50%;margin-top:.1rem}.check-icon svg{width:15px;height:15px;stroke:var(--bleu-f);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.check-item h4{font-size:1rem;margin-bottom:.2rem}.check-item p{font-size:.88rem;color:#555;line-height:1.55}.upgrade{background:var(--bleu-p);text-align:center;border-top:3px solid var(--dark)}.upgrade h2{margin-bottom:.6rem}.upgrade p{color:#444;max-width:520px;margin:0 auto 1.8rem;font-size:1.02rem;line-height:1.65}.btn-primary{background:var(--dark);color:var(--creme);box-shadow:var(--shadow-bleu)}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 0 var(--bleu-f)}@media(max-width:700px){.skills-grid{grid-template-columns:1fr}.hero-free{padding:5.5rem 0 3.5rem}}