white-paper(s) + panel : ajustements visuels. closes #41

- WhitePaper : cover en absolute bottom-left, overflow hidden sur mobile
- WhitePapers : position relative sur le conteneur
- Panel : fix couleur du tick des checkboxes/radios cochés

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

assets/css/custom-panel.css

@@ -138,3 +138,8 @@ input[type="checkbox"][data-variant="toggle"]::after {
 input[type="checkbox"][data-variant="toggle"]:checked::after {
   background-color: #fff;
 }
+
+input:where([type="checkbox"], [type="radio"]):checked::after,
+input:where([type="checkbox"]):indeterminate::after {
+  background-color: #fff;
+}

src/views/WhitePaper.svelte

@@ -174,12 +174,10 @@
   }
 
   .cover {
-    align-self: start;
-    width: 100%;
-    height: auto;
-    object-fit: contain;
-    pointer-events: none;
-    z-index: 0;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    width: 70rem;
   }
 
   /* ── Form area: desktop — right column ── */
@@ -331,6 +329,7 @@
     .white-paper {
       position: relative;
       height: 100vh;
+      overflow: hidden;
       padding: 0;
       
       display: flex;
@@ -373,14 +372,18 @@
     }
 
     .cover {
-      position: absolute;
+      width: 100vw;
+      max-width: none;
+      scale: 1.5;
+
+      /* position: absolute;
       bottom: -10%;
       left: 50%;
       transform: translateX(-50%);
       width: 75%;
       max-width: 300px;
       z-index: 0;
-      pointer-events: none;
+      pointer-events: none; */
     }
 
     /* Quand le formulaire est affiché : masque le contenu principal */

src/views/WhitePapers.svelte

@@ -162,6 +162,7 @@
 
 <style>
   .white-papers {
+    position: relative;
     color: var(--color-text);
     padding: 0 50px;
   }