main>h1.page-title{z-index:2;font-size:2.8rem;text-align:center;font-weight:900;color:var(--accent-warm);text-transform:uppercase;letter-spacing:3px;margin-bottom:30px;text-shadow:1px 1px 5px rgba(255,140,0,.4)}main>h2.page-subtitle{z-index:2;font-size:1.8rem;text-align:center;font-weight:900;color:var(--accent-warm);text-transform:uppercase;letter-spacing:3px;margin-bottom:30px;text-shadow:1px 1px 5px rgba(255,140,0,.4)}.contenu-principal{z-index:1;position:relative;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);box-shadow:0 4px 30px rgba(0,0,0,.1);border-radius:15px;margin:30px 200px;padding:20px 30px;text-align:justify}.contenu-principal h2{color:#1f7cff;font-size:1.5rem;font-weight:700;margin-top:2em;margin-bottom:.8em}canvas.webgl{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:transparent;z-index:0;pointer-events:none}.test-card{display:inline-block;position:relative;margin:20px auto;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:24px;font-weight:600;text-decoration:none;padding:25px 30px;width:100%;max-width:300px;box-sizing:border-box;height:160px;border-radius:16px;background:0 0;box-shadow:0 6px 18px rgba(0,0,0,.3);overflow:hidden;isolation:isolate;cursor:pointer;transition:color 1s ease,transform 1s ease;scroll-snap-align:start}.centrer{display:flex;text-align:center;justify-content:center}.test-card::after{content:"";position:absolute;inset:0;background:rgba(128,128,128,0);border-radius:16px;transition:background-color 1s ease;z-index:-1}.test-card:hover{color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.7);transform:scale(1.08)}.test-card:hover::after{background:rgba(128,128,128,.4);animation:fadeOutVoile 1s forwards}@keyframes fadeOutVoile{0%{background:rgba(128,128,128,.8)}100%{background:rgba(128,128,128,0)}}.test-card .hover-text{position:absolute;bottom:20px;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;font-size:20px;font-weight:700;color:#fff;background:rgba(255,140,0,.9);padding:8px 14px;border-radius:8px;transition:opacity .6s ease,transform .6s ease;pointer-events:none;box-shadow:0 4px 10px rgba(0,0,0,.3)}.test-card:hover .hover-text{opacity:1;transform:translateX(-50%) translateY(0);animation:bounceIn .6s ease-out forwards}@keyframes bounceIn{0%{transform:translateX(-50%) translateY(30px);opacity:0}60%{transform:translateX(-50%) translateY(-10px);opacity:1}80%{transform:translateX(-50%) translateY(5px)}100%{transform:translateX(-50%) translateY(0)}}a.sugg{color:#1f7cff;text-decoration:none;font-weight:600;transition:color 1s ease;padding:2px 4px;border-radius:3px}a.sugg:hover{color:#0056b3;text-decoration:underline}a.sugg:active{color:#004494}a.sugg:focus{outline:2px solid #1f7cff;outline-offset:2px}@media (max-width:900px){main{position:relative;margin:0;padding:0}.test-card{width:100%;max-width:400px;aspect-ratio:11/8;padding:16px;font-size:18px;margin:20px auto}.test-card .hover-text{font-size:16px;padding:6px 12px;opacity:1;transform:translateX(-50%) translateY(0);animation:none;pointer-events:none}h1.page-title,h2.page-subtitle{font-size:2.2rem;letter-spacing:2px}.contenu-principal{z-index:1;position:relative;padding:20px;margin:20px 40px}}@media (max-width:600px){h1.page-title,h2.page-subtitle{font-size:1.8rem;letter-spacing:1px}.contenu-principal{z-index:1;position:relative;padding:15px;margin:10px}.test-card{width:100%;max-width:320px;aspect-ratio:11/8;padding:12px;font-size:16px;margin:16px auto}.test-card .hover-text{font-size:14px;padding:5px 10px;background:rgba(255,140,0,.85);opacity:1;transform:translateX(-50%) translateY(0);animation:none;pointer-events:none}}.test-steps{list-style:none;padding:0;margin:0}.test-steps li{position:relative;margin:1.2em 0;padding-left:3em;font-size:1rem;line-height:1.5}.test-steps li::before{content:counter(step);counter-increment:step;position:absolute;left:0;top:.1em;width:2em;height:2em;background-color:#1f7cff;color:#fff;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Inter','Inter-fallback',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}.test-steps{counter-reset:step}
/* ── Intégré depuis test-start.css (fusion pages start) ─────────────────── */
.test-info-wrapper{display:flex;padding:0;align-items:center;gap:20px}
.test-quick-stats{flex:0 0 35%;padding:30px 10px;display:flex;flex-direction:column;justify-content:center;gap:35px}
.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.stat-icon{width:55px;height:55px;display:flex;justify-content:center;align-items:center;background:rgba(31,124,255,.3);border-radius:50%;font-size:24px;color:#fff;margin:0}
.stat-value-label{font-size:2.4rem;font-weight:700;color:#1f7cff;margin:0;display:inline}
.stat-label{font-size:1rem;color:#000;margin-left:5px;display:inline}
.test-conditions{flex:1;padding:30px}
.conditions-title{font-size:1.15rem;font-weight:600;margin-bottom:25px;color:#0a0025}
.conditions-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:18px}
.conditions-list li{position:relative;padding-left:32px;font-size:1.05rem;line-height:1.4}
.conditions-list li::before{content:"✔";position:absolute;left:0;top:0;color:#1f7cff;font-size:1.15rem}
.btn-start{display:inline-flex;align-items:center;justify-content:center;padding:18px 40px;background:linear-gradient(135deg,#1f7cff,#4ab3ff);color:#fff;font-size:1.4rem;font-weight:700;text-decoration:none;border-radius:12px;box-shadow:0 6px 20px rgba(31,124,255,.35);transition:all .3s ease;cursor:pointer;position:relative}
.btn-start::after{content:"▶";margin-left:10px;font-size:1.2rem;transition:transform .3s ease}
.btn-start:hover{background:linear-gradient(135deg,#0056b3,#1f7cff);box-shadow:0 10px 25px rgba(0,86,179,.4);transform:translateY(-3px)}
.btn-start:hover::after{transform:translateX(5px)}
.btn-start:focus{outline:3px solid #1f7cff;outline-offset:4px}
@media(max-width:900px){.test-info-wrapper{flex-direction:column}.test-quick-stats{flex-direction:row;justify-content:space-around}.stat-icon{width:45px;height:45px;font-size:20px}}
@media(max-width:600px){.test-quick-stats{flex-direction:column;gap:22px}.stat-value-label{font-size:1.7rem}.conditions-title{font-size:1rem}}