body{color:#cce7ea;background:#1e2a38;min-height:100vh;margin:0;padding:0;font-family:Arial,sans-serif;transition:all .5s}.soustitre{color:#fff}h1,h2{text-align:center;color:#66d9e8;text-shadow:0 0 4px #66d9e8,0 0 8px #5bc0e0;margin:.5rem 0}h1{background:#66d9e81a;border-radius:20px;padding:12px 24px;font-size:2.8rem;transition:transform .3s,box-shadow .3s;display:inline-block}h1:hover{transform:scale(1.05);box-shadow:0 0 12px #66d9e8,0 0 24px #5bc0e0}.subtitle{color:#a3dee3;margin-top:.5rem;font-size:1.2rem}.page-container{background:#1e2a38;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:auto;padding:2rem;transition:all .3s;display:flex}.navbar{color:#fff;z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1e2a38;width:100%;position:sticky;top:0;box-shadow:0 4px 8px #66d9e855}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:auto;padding:.7rem 1rem;display:flex}.nav-logo{color:#66d9e8;text-shadow:0 0 4px #66d9e8;align-items:center;gap:8px;font-size:1.3rem;font-weight:700;text-decoration:none;display:flex}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:#66d9e8;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-links a:after{content:"";background:#d18ad1;width:0%;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-links a:hover:after{width:100%}.burger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:30px;height:24px;display:none}.burger span{background:#66d9e8;border-radius:2px;width:100%;height:4px;transition:transform .3s,opacity .3s,all .3s}.burger.active span:first-child{transform:translateY(10px)rotate(45deg)}.burger.active span:nth-child(2){opacity:0}.burger.active span:nth-child(3){transform:translateY(-10px)rotate(-45deg)}.mobile-menu{background:#1e2a38;flex-direction:column;gap:1rem;max-height:0;padding:1rem;transition:max-height .4s;display:none;overflow:hidden}.mobile-menu.open{max-height:400px;display:flex}.mobile-menu a{color:#66d9e8;font-size:1.1rem;text-decoration:none;transition:all .3s}.mobile-menu a:hover{opacity:.8}.modules-section{background:#1e2a38;flex-direction:column;align-items:center;width:100%;margin-bottom:4rem;display:flex}.modules-section h2{color:#d18ad1;text-shadow:0 0 4px #d18ad1;margin-bottom:2rem}.workshop-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-items:center;gap:2rem;width:100%;display:grid}.workshop-card{text-align:center;background:#1e2a38;border-radius:20px;width:100%;max-width:300px;padding:1rem;transition:transform .3s,box-shadow .3s,all .3s;box-shadow:0 0 6px #66d9e855,0 5px 15px #d18ad133}.workshop-card:hover{background:#2a3747;transform:translateY(-10px);box-shadow:0 0 12px #66d9e8aa,0 10px 20px #d18ad1aa}.workshop-image{object-fit:cover;border-radius:12px;width:100%;height:180px;margin-bottom:1rem;transition:transform .3s}.workshop-image:hover{transform:scale(1.03)}.workshop-title{color:#66d9e8;text-shadow:0 0 2px #66d9e8;margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.workshop-desc{color:#cce7ea;font-size:1rem;transition:color .3s}.workshop-desc:hover{color:#d18ad1}.form-section{background:#1e2a38;flex-direction:column;align-items:center;width:100%;margin-bottom:4rem;display:flex}.form-section h2{color:#66d9e8;text-shadow:0 0 4px #66d9e8;margin-bottom:1rem}.workshop-form-container{background:#2a3747;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:500px;padding:2rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 0 12px #66d9e855,0 5px 15px #d18ad133}.workshop-form-container:hover{transform:translateY(-5px);box-shadow:0 0 15px #66d9e8aa,0 10px 20px #d18ad1aa}.workshop-form label{color:#cce7ea;text-shadow:0 0 1px #66d9e8;width:100%;margin-top:1rem;font-weight:700}.workshop-form input,.workshop-form select{text-align:center;color:#cce7ea;background:#1e2a38;border:1px solid #66d9e8;border-radius:10px;width:100%;margin-top:.3rem;padding:.8rem;font-size:1rem;transition:border .3s,box-shadow .3s,all .3s}.workshop-form input:focus,.workshop-form select:focus{background:#1e2a38;border-color:#d18ad1;outline:none;box-shadow:0 0 6px #66d9e8,0 0 12px #d18ad1}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#66d9e8,#d18ad1);border:none;border-radius:15px;width:100%;margin-top:1.5rem;padding:12px;font-size:1.1rem;transition:all .3s;box-shadow:0 0 6px #66d9e855,0 0 12px #d18ad133}.submit-btn:hover{background:linear-gradient(90deg,#d18ad1,#66d9e8);transform:scale(1.05);box-shadow:0 0 12px #66d9e8aa,0 0 20px #d18ad1aa}.success-message{text-align:center;color:#030;background:#a8e6a855;border-left:5px solid #a8e6a8;border-radius:12px;padding:1.5rem;font-size:1.2rem;font-weight:700}.results-container{background:#1e2a38;width:100%;margin-top:30px}.results-bar{border-radius:12px;height:30px;margin-top:10px;transition:width .5s,all .5s,box-shadow .3s;box-shadow:inset 0 0 5px #66d9e855}.results-text{color:#cce7ea;text-shadow:0 0 1px #66d9e8;margin-top:5px;font-weight:700}.circle-score{text-align:center;width:130px;margin:20px auto}.circle-score svg{width:130px;height:130px;transform:rotate(-90deg)}.circle-bg{fill:none;stroke:#222;stroke-width:3.8px}.circle{fill:none;stroke:#66d9e8;stroke-width:3.8px;stroke-linecap:round;transition:stroke-dasharray .5s}.percentage{fill:#66d9e8;text-anchor:middle;dominant-baseline:middle;font-size:.55em}.bubble{background:#66d9e833;border-radius:50%;width:20px;height:20px;animation:linear infinite rise;position:absolute;bottom:-50px}@keyframes rise{0%{opacity:.5;transform:translateY(0)scale(.5)}to{opacity:0;transform:translateY(-800px)scale(1)}}.confetti{background-color:#d18ad1;border-radius:50%;width:10px;height:10px;animation:linear forwards fall;position:absolute;top:0}@keyframes fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(800px)rotate(360deg)}}@media (max-width:768px){.workshop-grid{grid-template-columns:1fr}.workshop-image{height:150px}.workshop-form-container{padding:1.5rem}.workshop-form input,.workshop-form select{padding:10px;font-size:.95rem}.submit-btn{padding:12px 20px;font-size:1rem}}.voice-container{border:1px solid #ddd;border-radius:8px;max-width:600px;margin:2rem auto;padding:1rem;font-family:sans-serif}