.video-slider-section{width:100%;padding:40px 20px;text-align:center;position:relative;overflow:hidden;animation:fadeInUp .8s ease}#videoSlider,.video-slider{display:flex;gap:10px;white-space:nowrap;width:100vw;min-width:100vw;overflow:hidden;-ms-overflow-style:none;scrollbar-width:none}#videoSlider::-webkit-scrollbar,.video-slider::-webkit-scrollbar{display:none}.video-card{position:relative;width:240px;height:135px;flex-shrink:0;border-radius:12px;overflow:hidden;cursor:pointer;background:#222;transition:transform .3s ease}.video-card:hover{transform:scale(1.05)}.video-thumb{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.video-preview{display:none;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:2;background:#000}.video-card .hover-hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:4px 10px;font-size:.8rem;border-radius:6px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:3}.video-card .hover-hint.show{opacity:1}.video-info{text-align:center;font-size:.95rem;font-weight:600;margin-top:8px;color:#fff}.video-hover-preview{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);width:50vw;height:28vw;background:#000;border-radius:12px;overflow:hidden;z-index:5000;display:flex;justify-content:center;align-items:center;box-shadow:0 15px 40px #0009;transition:opacity .3s ease,transform .3s ease;opacity:0;pointer-events:none}.video-hover-preview.show{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.video-hover-preview video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hover-close{position:absolute;top:10px;right:15px;font-size:28px;color:#fff;background:#00000080;border:none;border-radius:50%;width:36px;height:36px;line-height:30px;cursor:pointer}.video-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;transition:opacity .4s ease;pointer-events:none}.video-overlay.show{opacity:1;pointer-events:auto}.overlay-content{width:90vw;max-width:1000px;height:80vh;background:#111;border-radius:12px;overflow:hidden;position:relative;display:flex}.overlay-body{display:flex;flex-direction:row;width:100%;height:100%}.overlay-body video{flex:0 0 60%;width:60%;height:100%;-o-object-fit:cover;object-fit:cover;background:#000;min-width:0}.overlay-info{flex:0 0 40%;width:40%;padding:30px;color:#fff;display:flex;flex-direction:column;gap:12px;justify-content:center;overflow-y:auto}.overlay-info h2{font-size:1.8rem;margin:0}.overlay-info p{font-size:1rem;opacity:.85}.overlay-info span{font-size:.9rem;color:#aaa}.overlay-close{position:absolute;top:15px;right:20px;font-size:32px;background:transparent;border:none;color:#fff;cursor:pointer;z-index:10000}@media (max-width:768px){.overlay-content{height:85vh;flex-direction:column}.overlay-body{flex-direction:column}.overlay-body video{flex:0 0 35%;width:100%;height:35%}.overlay-info{flex:0 0 65%;width:100%;height:65%;padding:20px;justify-content:flex-start}.overlay-close{background:#00000080;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;top:10px;right:10px}.video-hover-preview{display:none}}.slider-header{color:#fff;max-width:800px;margin:auto}.slider-header .title{font-size:2.6rem;font-weight:700;background:linear-gradient(90deg,#b00020,#ff1b1b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.5px;text-transform:capitalize;text-shadow:0 2px 6px rgba(255,0,0,.25);transition:background-position .6s ease;background-size:200% auto}.slider-header .title:hover{background-position:right center}.slider-header .title.glow{text-shadow:0 0 10px rgba(255,0,0,.5),0 0 20px rgba(255,0,0,.3)}.text-scribiq-red{background:linear-gradient(90deg,#9a031e,#d90429,#ff1b1b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;font-weight:700;text-shadow:0 2px 6px rgba(255,0,0,.25);transition:background-position .6s ease}.text-scribiq-red:hover{background-position:right center}.text-scribiq-red.glow{text-shadow:0 0 10px rgba(255,0,0,.5),0 0 20px rgba(255,0,0,.3)}.slider-header .subtitle{font-size:1.1rem;opacity:.85}.slider-footer{margin-top:25px}.scribiq-btn-primary{background:linear-gradient(135deg,#d90429,#9a031e);border:none;padding:12px 26px;border-radius:10px;font-weight:600;cursor:pointer;color:#fff;font-size:1rem;letter-spacing:.4px;transition:all .25s ease;box-shadow:0 4px 15px #d9042959}.scribiq-btn-primary:hover{transform:translateY(-2px) scale(1.02);background:linear-gradient(135deg,red,#b00020);box-shadow:0 6px 25px #ff000073}.scribiq-btn-primary:active{transform:scale(.97);box-shadow:0 2px 10px #ff000059}.scribiq-btn-primary.glow{animation:luxuryPulse 2.8s infinite ease-in-out}@keyframes luxuryPulse{0%,to{box-shadow:0 0 #ff000080}50%{box-shadow:0 0 20px #ff0000bf}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-section{min-height:60vh;overflow:hidden;position:relative;margin-top:50px}.animated-bg{animation:move-bg 6s infinite alternate ease-in-out;pointer-events:none}@keyframes move-bg{0%{background-position:40% 10%}to{background-position:60% 80%}}.gradient-text{background:linear-gradient(90deg,#dcdcdb 30%,#fff 60%,#969695);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 6px #fffb0093)}.hero-title{animation:title-in 1.3s cubic-bezier(.12,1.09,.95,.92) both}@keyframes title-in{0%{opacity:0;transform:translateY(-60px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.glowing-btn{color:#fff;border-radius:20px;box-shadow:0 0 12px 2px #d3a903ac,0 0 28px 8px #e5c40dbe;background:red}.glowing-btn:hover{transform:scale(1.06);color:#ffc800}@media (max-width:767px){.hero-section{min-height:50vh}.display-3{font-size:2.3rem}}#ebookSlider{max-width:1100px;margin:40px auto;border-radius:20px;overflow:hidden;background:transparent;height:460px}#ebookSlider .carousel-item{height:460px;background:transparent}#ebookSlider .slide-content{height:100%}#ebookSlider img{max-height:380px;width:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6));border-radius:12px;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}#ebookSlider img:hover{transform:translateY(-10px) scale(1.03);filter:drop-shadow(0 20px 40px rgba(255,71,71,.25)) drop-shadow(0 5px 15px rgba(255,255,255,.1))}#ebookSlider .slide-btn{border-radius:8px;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}#ebookSlider .slide-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000004d}.empty-bundle-card{background:#ffffff08;border:1px dashed rgba(255,71,71,.3);border-radius:24px;padding:3rem 2rem;max-width:500px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 40px #00000080;transition:all .3s ease}.empty-bundle-card:hover{border-color:#ff474799;background:#ffffff0d}.empty-icon{font-size:3.5rem;color:#ff4747;margin-bottom:1rem;opacity:.8}.empty-desc{color:#888890;font-size:1.05rem;line-height:1.6;max-width:380px;margin:0 auto}.empty-btn{background:transparent;border:2px solid #333;color:#fff;border-radius:8px;transition:all .3s ease}.empty-btn:hover{border-color:#ff4747;color:#ff4747;background:#ff47471a}#ebookSlider .carousel-indicators{bottom:0;margin-bottom:1rem}#ebookSlider .carousel-indicators button{background:#ff4747;width:10px;height:10px;border-radius:50%;border:none;opacity:.4;transition:all .3s;margin:0 6px}#ebookSlider .carousel-indicators .active{background:#fff;opacity:1;transform:scale(1.3)}#ebookSlider .carousel-control-prev,#ebookSlider .carousel-control-next{width:5%;opacity:.5;transition:opacity .3s}#ebookSlider .carousel-control-prev:hover,#ebookSlider .carousel-control-next:hover{opacity:1}.categories-header h2{font-size:3rem;margin-bottom:20px}.categories-header p{font-size:1rem}.select-wrapper{position:relative;max-width:280px;width:100%}.section-title{position:relative;display:inline-block;font-size:2rem;color:#fff;margin-bottom:1.5rem}.section-title .highlight{padding:0 1px;position:relative}.select-wrapper{position:relative;display:inline-block;width:100%}.select-wrapper select{width:100%;padding:12px 20px;border-radius:30px;border:2px solid #b00020;background:#0f0f0f8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:1rem;font-weight:500;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .3s ease;box-shadow:0 0 #0000}.select-wrapper select:hover{border-color:#ff1b1b;background:#191919cc;box-shadow:0 0 14px #ff000073;transform:translateY(-1px)}.select-wrapper select:focus{border-color:#ff1b1b;background:#000000e6;color:#fff;box-shadow:0 0 18px #f009}.select-wrapper:after{content:"▼";position:absolute;right:18px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:.85rem;color:#ff1b1b;transition:all .3s ease}.select-wrapper select:focus+.select-wrapper:after,.select-wrapper:hover:after{transform:translateY(-50%) rotate(180deg);color:#ff3b3b}.select-wrapper select option{background-color:#121212;color:#fff;font-weight:500}.categories-section{width:100%;overflow:hidden;padding:20px 0;position:relative;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-repeat:no-repeat;mask-size:100% 100%}.categories-slider{display:flex;gap:20px;animation:scroll-left 30s linear infinite;width:-moz-max-content;width:max-content}.category-card{flex:0 0 auto;width:200px;height:200px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.category-card img{width:80px;height:80px;margin-bottom:10px;-o-object-fit:contain;object-fit:contain;background-color:#4a4242;border-radius:50%;transition:all .3s ease-in-out}.category-card img:hover{transform:translateY(-20px) scale(1.5)}.category-card span{font-size:.9rem;font-weight:500}.categories-slider:hover{animation-play-state:paused}.category-card:before{content:"";position:absolute;bottom:0;left:-100%;width:100%;height:4px;background:linear-gradient(to right,#000,#444);transition:left .4s ease}.category-card:hover:before{left:0}.book-image{width:100%;height:auto;border-radius:16px;box-shadow:0 10px 25px #00000059;background:#101010;-o-object-fit:contain;object-fit:contain}.image-box{display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.slide-content{flex-direction:row!important}}@media (max-width: 767px){.slide-content{flex-direction:column!important;text-align:center!important}.image-box{order:1;margin-bottom:1rem}.content{order:2}.book-image{background-color:transparent;width:100%!important;height:200px!important;border-radius:0!important;box-shadow:none!important;transform:translateY(-40px)!important}.content-title{display:flex;flex-wrap:nowrap!important}.content h2,.content p{margin:0 auto;max-width:90%;transform:translateY(-80px)!important}.button-row{justify-content:center!important;flex-wrap:nowrap!important;transform:translate(-80px,-100px)!important;height:40px!important;width:300px!important;gap:1rem}}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.content-forms-section.dark{color:#eee;padding:100px 20px;position:relative;overflow:hidden}.content-forms-header{text-align:center;margin-bottom:70px}.content-forms-header .tagline{display:inline-block;background:#e94560;color:#fff;padding:8px 22px;border-radius:999px;font-weight:700;font-size:14px;letter-spacing:.5px}.content-forms-header .title{font-size:2.75rem;margin:20px 0 10px;font-weight:800}.content-forms-header .subtitle{font-size:1.125rem;color:#bbb;max-width:700px;margin:0 auto;line-height:1.6}.carousel-wrapper{position:relative;width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}.forms-carousel{position:relative;width:100%;display:flex;justify-content:center;align-items:center;perspective:1200px;height:460px}.form-card{position:absolute;width:340px;max-width:85%;background:#141416;border-radius:20px;padding:35px 24px;box-shadow:0 20px 40px #000000a6;border:1px solid rgba(255,255,255,.05);transform-style:preserve-3d;opacity:0;transform:scale(.8) translate(600px) rotateY(45deg);transition:all .9s ease;overflow:hidden;text-align:center}.form-card.active{opacity:1;transform:scale(1.05) translate(0) rotateY(0);z-index:3;border:1px solid rgba(233,69,96,.4)}.form-card.prev{opacity:.6;transform:scale(.9) translate(-340px) rotateY(-25deg);z-index:2}.form-card.next{opacity:.6;transform:scale(.9) translate(340px) rotateY(25deg);z-index:2}.icon-box{width:70px;height:70px;border-radius:18px;background:linear-gradient(145deg,#222,#2a2a2a);display:flex;justify-content:center;align-items:center;margin:0 auto 20px;box-shadow:0 6px 15px #e9456040;transition:transform .3s}.icon-box img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.form-card:hover .icon-box{transform:rotate(8deg) scale(1.05)}.form-title{font-size:1.35rem;font-weight:700;margin-bottom:12px;color:#fff}.form-title:after{content:"";display:block;width:40px;height:3px;background:#b00020;margin:6px auto 0;border-radius:2px}.form-desc{font-size:.95rem;color:#aaa;margin-bottom:22px;line-height:1.55;min-height:70px}.btn-see{background:linear-gradient(90deg,#b00020,#ff1b1b);color:#fff;border:none;padding:12px 26px;border-radius:999px;font-size:.95rem;font-weight:600;letter-spacing:.3px;text-decoration:none;display:inline-block;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff000059}.btn-see:hover{transform:translateY(-3px);background:linear-gradient(90deg,#ff1b1b,#b00020);box-shadow:0 6px 20px #ff000080}.btn-see:active{transform:translateY(-1px) scale(.98);box-shadow:0 3px 10px #f006}.btn-see.pulse{animation:pulseRed 2s infinite}@keyframes pulseRed{0%,to{box-shadow:0 0 #f006}50%{box-shadow:0 0 20px #f009}}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#b00020,#ff1b1b);border:none;color:#fff;font-size:1.4rem;width:48px;height:48px;border-radius:50%;cursor:pointer;transition:all .3s ease;z-index:5;box-shadow:0 4px 15px #ff000059;display:flex;align-items:center;justify-content:center}.carousel-btn:hover{background:linear-gradient(135deg,#ff1b1b,#b00020);transform:translateY(-50%) scale(1.1);box-shadow:0 6px 25px #ff00008c}.carousel-btn:active{transform:translateY(-50%) scale(.95);box-shadow:0 2px 8px #f006}.carousel-btn{opacity:0;animation:fadeInBtn .4s ease forwards}@keyframes fadeInBtn{0%{opacity:0;transform:translateY(-50%) scale(.8)}to{opacity:1;transform:translateY(-50%) scale(1)}}.carousel-btn.left{left:10px}.carousel-btn.right{right:10px}@media (max-width: 992px){.forms-carousel{height:420px;perspective:900px}.form-card{width:80%;max-width:90%}.form-card.prev{transform:scale(.9) translate(-220px) rotateY(-20deg)}.form-card.next{transform:scale(.9) translate(220px) rotateY(20deg)}}@media (max-width: 768px){.forms-carousel{height:400px;perspective:700px}.form-card{width:90%;padding:25px 18px}.form-card.prev{transform:scale(.9) translate(-160px) rotateY(-18deg)}.form-card.next{transform:scale(.9) translate(160px) rotateY(18deg)}.carousel-btn{width:40px;height:40px;font-size:1.2rem}.content-forms-header .title{font-size:2rem}.content-forms-header .subtitle{font-size:1rem}}.icon-circle{display:inline-flex;align-items:center;justify-content:center;background:#dc354526;color:#dc3545;border-radius:50%;width:45px;height:45px;font-size:1.5rem;animation:pulseIcon 3s infinite}@keyframes pulseIcon{0%,to{transform:scale(1);background:#dc354526}50%{transform:scale(1.1);background:#dc35454d}}.title-text{position:relative;display:inline-block}.title-text:after{content:"";position:absolute;left:0;bottom:-5px;height:3px;width:0;background:#b00020;transition:width .6s ease}.header-block:hover .title-text:after{width:100%}.subtext .highlight{color:#ffc107;font-weight:600;transition:color .3s ease}.subtext:hover .highlight{color:#fd7e14}.ebook-card{position:relative;overflow:hidden;border:none;background:transparent;transition:transform .4s ease,filter .4s ease;animation:floaty 5s linear infinite;cursor:pointer}@keyframes floaty{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.02) rotate(1deg)}50%{transform:scale(.99) rotate(0)}75%{transform:scale(1.02) rotate(-1deg)}to{transform:scale(1) rotate(0)}}.ebook-card img{border-radius:.5rem;width:100%;height:auto;display:block}.ebook-title{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#dc3545;padding:6px 14px;border-radius:50px;font-size:.9rem;font-weight:700}.ebook-desc{position:absolute;top:0;left:-100%;height:100%;width:70%;background:#000000d9;color:#fff;padding:15px;text-align:left;font-size:.85rem;line-height:1.3rem;display:flex;flex-direction:column;justify-content:center;transition:left .4s ease}.ebook-card:hover{transform:scale(1.05);z-index:5}.ebook-card:hover .ebook-desc{left:0}.ebooks-row:hover .ebook-card:not(:hover){filter:grayscale(80%) brightness(.6)}.ebook-desc a{margin-top:10px}.faq-card{border:none;border-radius:8px;overflow:hidden;margin-bottom:12px;transition:transform .3s ease,box-shadow .3s ease}.faq-card:hover{transform:scale(1.01);box-shadow:0 0 15px #dc354566}.accordion-button{background-color:#111;color:#fff;font-weight:600;border:2px solid transparent;border-radius:8px;transition:all .3s ease}.accordion-button.collapsed:hover{border-color:#0d6efd;box-shadow:0 0 10px #0d6efd80}.accordion-button:not(.collapsed){background-color:#dc3545;color:#fff;border-color:#dc3545;box-shadow:0 0 15px #dc354599}.accordion-button:after{transition:transform .3s ease}.accordion-button:not(.collapsed):after{transform:rotate(180deg);filter:brightness(0) invert(1)}.accordion-body{background-color:#1a1a1a;color:#ccc;border-left:3px solid #dc3545;border-radius:0 0 8px 8px}.category-card-content{display:flex;flex-direction:column;align-items:center;text-align:center}.category-card-content img{margin-bottom:8px}.enter-quiz{width:55px;height:55px;background:#922;border-radius:50%;position:fixed;bottom:18px;left:18px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;cursor:pointer;box-shadow:0 6px 18px #821;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;z-index:9999;animation:quizPulse 2.2s ease-in-out infinite}.enter-quiz:hover{transform:translateY(-4px);background:#000;box-shadow:0 10px 22px #00000059}.enter-quiz:active{transform:scale(.92);box-shadow:inset 0 4px 10px #823!important;filter:grayscale(20%)}.enter-quiz.active{position:fixed;bottom:0;left:0;background:#111;filter:blur(20px);z-index:99;border:none;animation:none;box-shadow:none;animation:fillPageWhite .4s linear forwards}.enter-quiz.unactive{animation:unfillPageWhite .4s linear forwards}@keyframes fillPageWhite{0%{width:55px;height:55px;border-radius:50%}20%{width:20%;height:20%;border-radius:40%}40%{width:40%;height:40%;border-radius:30%}60%{width:60%;height:60%;border-radius:20%}80%{width:80%;height:80%;border-radius:10%}to{width:100%;height:100%;border-radius:0}}@keyframes unfillPageWhite{0%{width:100%;height:100%;border-radius:0}20%{width:80%;height:80%;border-radius:10%}40%{width:60%;height:60%;border-radius:20%}60%{width:40%;height:40%;border-radius:30%}80%{width:20%;height:20%;border-radius:40%}to{width:55px;height:55px;border-radius:50%}}.enter-quiz.active:hover,.enter-quiz.unactive:hover{background:#111;box-shadow:none;transform:translateY(0)}@keyframes quizPulse{0%{transform:scale(1);box-shadow:0 0 10px #821}50%{transform:scale(1.06);box-shadow:0 0 25px #831}to{transform:scale(1);box-shadow:0 0 10px #821}}.quiz-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:85%;background:#ffffff8c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:18px;padding:25px 35px;box-shadow:0 20px 50px #0000002e;z-index:999;display:flex;flex-direction:column;align-items:center;overflow:hidden;visibility:hidden;transition:all .3s ease}.quiz-container.active{visibility:visible;animation:appear .5s linear forwards}@keyframes appear{0%{opacity:0;transform:translate(-50%,-10%)}50%{opacity:1;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.quiz-container.unactive{animation:desappear .5s linear forwards}@keyframes desappear{0%{opacity:0;transform:translate(-50%,-50%)}50%{opacity:.5;transform:translate(-50%,-60%)}to{opacity:0;transform:translate(-50%,-10%)}}.quiz-progress{width:90%;height:45px;background:#ffffffe6;border-radius:12px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 5px 15px #0000001a}.progress{text-decoration:none;font-weight:600;font-size:14px;color:#333;background:#f7f7f7;padding:8px 14px;border-radius:8px;transition:background .2s ease,color .2s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;height:32px;width:20%}.progress:hover,.progress.active{background:#111;color:#fff}.quiz-steps{width:100%;margin-top:20px;display:flex;justify-content:center}.quiz-step{display:none;width:95%;max-height:100%;text-align:center;animation:fadeIn .3s ease}.quiz-step.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.quiz-step h3{font-size:24px;color:#222;margin-bottom:10px}.quiz-sub{font-size:14px;color:#666;margin-bottom:12px}.quiz-step input,.quiz-step select{width:100%;padding:12px 14px;border-radius:8px;border:1px solid #ccc;font-size:15px;background:#fff;transition:border .2s,box-shadow .2s}.quiz-step input:focus,.quiz-step select:focus{border-color:#111;box-shadow:0 0 0 2px #0000001a}#step-2-data,#step-3-data{width:100%;display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-top:5px}.categorie,.formCourse{padding:8px 16px;background:#fff;border-radius:10px;border:1px solid #ddd;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:center}.categorie:hover,.formCourse:hover{background:#111;color:#fff;transform:translateY(-2px)}.categorie.active,.formCourse.active{background:#911;color:#fff;border-color:#822;box-shadow:2px 2px 4px #411}.btn-group{position:fixed;bottom:5px;left:50%;transform:translate(-50%);display:flex;gap:12px;width:auto;z-index:9999}.btn-quiz,.quiz-step button{position:relative;padding:14px 26px;background:#111;color:#fff;border:none;border-radius:10px;font-size:16px;cursor:pointer;transition:all .2s ease}.quiz-step button:hover{background:#333;transform:translateY(-2px)}.error{display:none;position:fixed;top:30px;right:20px;padding:12px 18px;border-radius:8px;background:#922;color:#fff;box-shadow:0 12px 30px #911;z-index:2000}.error.active{display:block}.error.fadeIn{animation:fadeErrorIn .3s ease forwards}.error.fadeOut{animation:fadeErrorOut .3s ease forwards}@keyframes fadeErrorIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeErrorOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.quiz-step-0{flex-direction:column;align-items:center;justify-content:center;place-self:center;place-items:center;place-content:center;padding:40px 20px;text-align:center;color:#222}.quiz-step-0 h3{font-size:32px;font-weight:700;margin-bottom:15px;color:#111;opacity:0;animation:introFadeUp .7s ease-out forwards}.quiz-step-0 p{max-width:650px;font-size:17px;line-height:1.6;margin-bottom:12px;color:#333;opacity:0;animation:introFadeUp .7s ease-out forwards}.quiz-step-0 button{margin-top:20px;padding:14px 30px;font-size:18px;border-radius:12px;background:#111;color:#fff;opacity:0;animation:introFadeUp .7s ease-out forwards;box-shadow:0 10px 20px #00000026}.quiz-step-0.active h3{animation-delay:.1s}.quiz-step-0.active p:nth-of-type(1){animation-delay:.35s}.quiz-step-0.active p:nth-of-type(2){animation-delay:.5s}.quiz-step-0.active button{animation-delay:.7s}@keyframes introFadeUp{0%{opacity:0;transform:translateY(25px) scale(.97);filter:blur(4px)}50%{opacity:.7;filter:blur(1px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@media (max-width: 1200px){.quiz-container{width:90%;height:90%;padding:20px}.quiz-progress{width:95%;height:42px}.progress{font-size:13px;padding:6px 10px}}@media (max-width: 992px){.quiz-container{width:92%;height:92%;border-radius:16px;padding:20px}.quiz-step{max-height:65vh;overflow-y:auto;padding-bottom:80px}.progress{width:calc(33.33% - 6px);height:36px;font-size:13px}#step-2-data,#step-3-data{grid-template-columns:repeat(5,1fr);overflow-y:visible;height:auto}.btn-group{bottom:10px}}@media (max-width: 768px){.quiz-container{width:95%;padding:18px}.quiz-step h3{font-size:22px}.quiz-sub{font-size:13px}.quiz-progress{height:auto;padding:6px 10px;flex-wrap:wrap;gap:6px}.progress{width:calc(50% - 6px)}.quiz-step{max-height:40vh;overflow-y:auto;padding-bottom:80px}#step-2-data,#step-3-data{grid-template-columns:repeat(4,1fr);gap:6px;overflow-y:visible;height:auto}.categorie,.formCourse{padding:7px 12px;font-size:13px}.btn-quiz{font-size:15px;padding:12px 22px}}@media (max-width: 600px){.enter-quiz{width:48px;height:48px;bottom:14px;left:14px;font-size:18px}.quiz-container{width:100%;height:100%;border-radius:0;padding:16px}.quiz-progress{flex-wrap:wrap;padding:6px}.progress{width:calc(50% - 8px);height:32px;font-size:12px}.quiz-step{max-height:60vh;overflow-y:auto;padding-bottom:80px}#step-2-data,#step-3-data{grid-template-columns:repeat(3,1fr);overflow-y:visible;height:auto}.categorie,.formCourse{padding:6px 10px;border-radius:8px;font-size:12px}.quiz-step input,.quiz-step select{padding:10px 12px;font-size:14px}.btn-group{width:100%;justify-content:center}.btn-quiz{padding:12px 20px}}@media (max-width: 420px){.quiz-step h3{font-size:20px}.quiz-sub{font-size:12px;margin-bottom:8px}.progress{width:100%}.quiz-step{max-height:40vh;overflow-y:auto;padding-bottom:80px}#step-2-data,#step-3-data{grid-template-columns:repeat(2,1fr);overflow-y:visible;height:auto}.categorie,.formCourse{padding:6px;font-size:11px}.btn-group{flex-direction:column;gap:8px}.btn-quiz{width:100%;padding:12px}}@media (max-width: 330px){.quiz-step{max-height:40vh;overflow-y:auto;padding-bottom:80px}#step-2-data,#step-3-data{grid-template-columns:repeat(1,1fr);overflow-y:visible;height:auto}.progress{font-size:11px}}