@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--primary-blue:#007bff;--primary-dark-blue:#0056b3;--light-gray:#f8f9fa;--medium-gray:#e9ecef;--dark-gray:#6c757d;--text-color:#343a40;--white:#fff;--card-shadow:#0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--light-gray);color:#343a40;color:var(--text-color);overflow-x:hidden}a{color:#007bff;color:var(--primary-blue);text-decoration:none}a:hover{color:#0056b3;color:var(--primary-dark-blue)}ul{list-style:none}.container{padding:0 20px}.hero{align-items:center;background-image:url(/static/media/hero-background.b0ddf67f67c789531324.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;color:var(--white);display:flex;flex-direction:column;justify-content:center;margin-top:0;min-height:50vh;padding:80px 20px 20px}.hero h1{font-size:3.5rem;font-weight:700;margin-bottom:1rem}.hero p{font-size:1.25rem;margin:0 auto 2rem;max-width:800px;opacity:.9}.btn{background-color:#fff;background-color:var(--white);border-radius:10px;color:#007bff;color:var(--primary-blue);display:inline-block;font-weight:600;padding:1rem 2rem;transition:background-color .3s ease,color .3s ease}.btn:hover{background-color:#e9ecef;background-color:var(--medium-gray);color:#0056b3;color:var(--primary-dark-blue)}section{padding:60px 0;text-align:center}section h2{color:#007bff;color:var(--primary-blue);font-size:2.5rem;font-weight:700;margin-bottom:3rem}.test-categories .container{padding:0 20px}.test-grid{grid-gap:30px;align-items:stretch;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.test-card,.test-grid{justify-content:center}.test-card{align-items:center;background-color:#fff;background-color:var(--white);border-radius:15px;box-shadow:0 4px 15px #0000001a;box-shadow:0 4px 15px var(--card-shadow);cursor:pointer;display:flex;flex-direction:column;padding:30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.test-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-10px)}.test-card .icon{align-items:center;background-color:#e9ecef;background-color:var(--medium-gray);border-radius:50%;color:#007bff;color:var(--primary-blue);display:flex;font-size:4rem;height:100px;justify-content:center;margin-bottom:20px;margin-left:auto;margin-right:auto;overflow:hidden;width:100px}.test-card .icon .test-image{border-radius:50%;box-sizing:border-box;height:100%;object-fit:contain;padding:10px;transition:transform .3s ease;width:100%}.test-card:hover .icon .test-image{transform:scale(1.1)}.test-card h3{color:#0056b3;color:var(--primary-dark-blue);font-size:1.5rem;font-weight:600;margin-bottom:10px}.test-card p{color:#6c757d;color:var(--dark-gray);font-size:.9rem;line-height:1.5}.pricing{background-color:#e9ecef;background-color:var(--medium-gray);padding:80px 0}.pricing-plans{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:0 20px}.price-card{background-color:#fff;background-color:var(--white);border-radius:15px;box-shadow:0 4px 15px #0000001a;box-shadow:0 4px 15px var(--card-shadow);display:flex;flex-direction:column;justify-content:space-between;padding:40px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.price-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-10px)}.price-card.featured{border:3px solid #007bff;border:3px solid var(--primary-blue);box-shadow:0 8px 20px #0003;transform:scale(1.03)}.price-card h3{color:#0056b3;color:var(--primary-dark-blue);font-size:1.8rem;font-weight:700;margin-bottom:1rem}.price-card .price{color:#007bff;color:var(--primary-blue);font-size:3.5rem;font-weight:700;margin-bottom:1.5rem}.price-card .price span{color:#6c757d;color:var(--dark-gray);font-size:1.2rem;font-weight:400}.price-card ul{margin-bottom:2rem;text-align:left}.price-card ul li{align-items:center;color:#343a40;color:var(--text-color);display:flex;margin-bottom:10px}.price-card ul li:before{color:#28a745;content:"✓";font-weight:700;margin-right:10px}.price-card .btn{background-color:#007bff;background-color:var(--primary-blue);color:#fff;color:var(--white);margin-top:auto;width:100%}.price-card .btn:hover{background-color:#0056b3;background-color:var(--primary-dark-blue);color:#fff;color:var(--white)}.payment-disclaimer{background-color:#fff;background-color:var(--white);border:1px solid #e9ecef;border:1px solid var(--medium-gray);border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-left:auto;margin-right:auto;margin-top:80px;max-width:800px;padding:20px}.payment-disclaimer p{color:#6c757d;color:var(--dark-gray);font-size:.9rem;line-height:1.6;margin:0}.payment-disclaimer strong{color:#343a40;color:var(--text-color);display:block;font-size:1rem;margin-bottom:5px}.pricing-section{background-color:#f8f9fa;padding:50px 20px;text-align:center}.pricing-section h2{color:#343a40;font-size:2.5rem;margin-bottom:40px}.pricing-cards{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.pricing-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:30px;transition:transform .3s,box-shadow .3s;width:300px}.pricing-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-10px)}.pricing-card h3{color:#007bff;font-size:1.5rem;margin-bottom:20px}.pricing-card .price{color:#212529;font-size:3rem;font-weight:700;margin-bottom:20px}.pricing-card .price span{color:#6c757d;font-size:1rem;font-weight:400}.pricing-card button{background-color:#007bff;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 30px;transition:background-color .3s}.pricing-card button:hover:not(:disabled){background-color:#0056b3}.pricing-card button:disabled{background-color:#6c757d;cursor:not-allowed}.subscription-status{color:#28a745;font-size:1.1rem;font-weight:500;margin-top:30px}.about-section{background-color:#fff;background-color:var(--white);padding:80px 0}.about-content{margin:0 auto;max-width:800px;padding:0 20px;text-align:left}.about-content p{color:#6c757d;color:var(--dark-gray);font-size:1.1rem;margin-bottom:1.5rem}footer{background-color:#007bff;background-color:var(--primary-blue);border-top-left-radius:20px;border-top-right-radius:20px;color:#fff;color:var(--white);padding:40px 0;text-align:center}.footer-content{align-items:center;display:flex;flex-direction:column;gap:20px}.footer-contact p{color:#fff;color:var(--white);opacity:.9}.footer-contact a{color:#fff;color:var(--white);font-weight:600;text-decoration:none;transition:-webkit-text-decoration .3s ease;transition:text-decoration .3s ease;transition:text-decoration .3s ease,-webkit-text-decoration .3s ease}.footer-contact a:hover{text-decoration:underline}.footer-links a{color:#fff;color:var(--white);margin:0 15px;transition:color .3s ease}.footer-links a:hover{color:#e9ecef;color:var(--medium-gray)}.social-icons a{color:var(--white);font-size:1.8rem;margin:0 10px;transition:color .3s ease}.social-icons a:hover{color:#e9ecef;color:var(--medium-gray)}.social-icons .sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.copyright{font-size:.9rem;margin-top:1.5rem;opacity:.8}@media (max-width:768px){.navbar{flex-wrap:wrap}.logo{margin-bottom:1rem}.logo,.nav-links{text-align:center;width:100%}.nav-links{background-color:#007bff;background-color:var(--primary-blue);box-shadow:0 4px 8px #0000001a;box-shadow:0 4px 8px var(--card-shadow);display:none;flex-direction:column;left:0;padding:1rem 0;position:absolute;top:70px}.nav-links.active{display:flex}.nav-links a{border-radius:0;margin:.5rem 0;padding:.8rem 0}.hamburger{display:block;position:absolute;right:20px;top:1.5rem;transform:translateY(-25%)}.navbar.logo-wrapped .hamburger{top:20px}.hero h1{font-size:2.5rem}.hero p{font-size:1rem}section h2{font-size:2rem;margin-bottom:2rem}.price-card,.test-card{padding:20px}.price-card .price{font-size:3rem}.footer-links,.social-icons{flex-direction:column;gap:10px}.footer-links a,.social-icons a{margin:5px 0}.test-grid{grid-template-columns:1fr}.container{padding-left:10px;padding-right:10px}.test-card{box-sizing:border-box;margin-left:auto;margin-right:auto;width:95%}}@media (min-width:769px) and (max-width:1024px){.test-grid{grid-template-columns:repeat(2,1fr)}.pricing-plans{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (min-width:1025px){.test-grid{grid-template-columns:repeat(4,1fr)}}.section-page{padding:20px;text-align:center}.quiz-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.quiz-card{background:#fff;background-color:#f9f9f9;border:2px solid #ccc;border-radius:12px;box-shadow:0 4px 8px #0000001a;color:#333;cursor:pointer;display:flex;flex-direction:column;height:300px;justify-content:space-between;padding:15px;text-align:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;width:250px}.quiz-card:hover{box-shadow:0 6px 12px #0003;transform:scale(1.05)}.quiz-image-container{border-radius:50%;height:180px;margin:0 auto;overflow:hidden;width:180px}.quiz-image{border-radius:50%;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.quiz-card:hover .quiz-image{transform:scale(1.2)}.quiz-card h3{margin-bottom:10px}h1{font-size:24px;margin-bottom:20px}body{background-color:#f4f7f6;display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:90px 20px 20px}.page-title{font-size:2rem;font-weight:700;margin-bottom:20px;text-align:center}.card{box-shadow:0 4px 8px #0000001a}.grid-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.exam-item{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;overflow:hidden;text-align:center;transition:transform .3s ease-in-out}.exam-item:hover{transform:scale(1.05)}.exam-button{background-color:#3b82f6;border:none;border-bottom-left-radius:0;border-bottom-right-radius:0;color:#fff;font-weight:600;padding:16px 24px;text-decoration:none;transition:background-color .3s ease-in-out;width:100%}.exam-button:hover{background-color:#2563eb}.exam-item button{background-color:#3b82f6;border-bottom-left-radius:0;border-bottom-right-radius:0;color:#fff;font-weight:600;padding:16px 24px;transition:background-color .3s ease-in-out;width:100%}.exam-item button:hover{background-color:#2563eb}.score-area{background-color:#e2e8f0;border-bottom-left-radius:8px;border-bottom-right-radius:8px;color:#555;font-size:.9em;padding:8px 16px;width:100%}.stars i{color:#ffc107;margin:0 1px}@media (max-width:700px){.container{padding-left:10px;padding-right:10px;padding-top:90px!important}}.image-container{display:inline-block;position:relative;transition:transform .3s ease}.document-image{height:auto;max-width:60%;transition:transform .3s ease}.image-container.zoomed .document-image{transform:scale(1.5);z-index:10}.zoom-button{background:#00000080;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;padding:5px;position:absolute;right:5px;top:5px;z-index:20}.zoom-button:hover{background:#000c}a,body,h1,h2,h3,p{box-sizing:border-box;margin:0;padding:0}.progress-bar{background-color:#1c2530;border-radius:10px;color:#fff;padding:.5rem;text-align:center}.bar{background:#e7ecf3;border-radius:999px;height:10px;margin-top:5px;overflow:hidden}.bar,.progress{position:relative}.progress{background:linear-gradient(180deg,#3ddc6a,#2fcb59);border-radius:inherit;height:100%;width:auto;width:var(--value,auto)}.progress:before{background-image:repeating-linear-gradient(45deg,#ffffff38,#ffffff38 12px,#ffffff1a 0,#ffffff1a 24px);background-size:28px 28px;content:"";inset:0;mix-blend-mode:overlay;pointer-events:none;position:absolute}.progress.is-animated:before{animation:progressStripe 1s linear infinite}@keyframes progressStripe{0%{background-position:0 0}to{background-position:28px 0}}.progress.is-success{background:linear-gradient(180deg,#3ddc6a,#2fcb59)}.progress.is-info{background:linear-gradient(180deg,#5d78ff,#4e68ff)}.progress.is-warning{background:linear-gradient(180deg,#f59e0b,#f59e0b)}.progress.is-danger{background:linear-gradient(180deg,#ef4444,#ef4444)}.question-container{align-items:flex-start;background-color:#fff;border:none;contain-intrinsic-size:auto!important;content-visibility:visible!important;display:flex;flex-wrap:nowrap;gap:20px;justify-content:space-between;min-height:380px;min-height:var(--quiz-doc-min-h);padding:20px}.quiz-container{min-height:calc(100dvh - 64px - 5rem);min-height:calc(100dvh - var(--nav-h, 64px) - var(--footer-gap, 5rem));padding-bottom:16px;padding-top:90px;padding-top:calc(var(--nav-h, 64px) + 26px)}.document-panel{align-items:center;background:#f4f4f4;border-right:1px solid #ddd;contain-intrinsic-size:auto!important;display:flex;flex-direction:column;justify-content:center;min-height:380px;min-height:var(--quiz-doc-min-h);padding:1rem;text-align:center;width:50%}.document-panel,.document-panel img{content-visibility:visible!important}.document-panel img{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;display:block;margin-bottom:1rem;margin-left:auto;margin-right:auto;max-height:350px;max-width:100%;object-fit:contain;opacity:1!important;visibility:visible!important}.audio-container{display:flex;justify-content:center;margin-top:10px;text-align:center;width:100%}.audio-container audio{background:#fff;border-radius:6px;display:block;margin:0 auto;max-width:340px;min-height:40px;min-width:180px;width:100%}.audio-only{display:flex;justify-content:center;margin:20px 0;text-align:center;width:100%}.audio-only audio{background:#fff;border-radius:6px;display:block;margin:0 auto;max-width:340px;min-height:40px;min-width:180px;width:100%}.question-panel{padding:1rem;width:50%}.question-panel h2{font-size:1.2rem;margin-bottom:1rem}.answers label{align-items:center;display:flex;margin-bottom:1rem}.answers input[type=radio]{margin-right:.5rem}.navigation{display:flex;gap:1rem;justify-content:center;margin:2rem auto 0}.nav-button{border:0;box-shadow:none;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1.5rem;transition:background-color .12s ease,opacity .12s ease}.nav-button,.nav-button:disabled,.nav-button:hover{background-color:#1c2530}.nav-button:disabled{color:#fff;cursor:not-allowed;opacity:.6}.question-container>:last-child,.quiz-container>:last-child{margin-bottom:0!important}@media (max-width:768px){.question-container{align-items:center;contain-intrinsic-size:auto!important;content-visibility:visible!important;flex-direction:column;gap:20px;min-height:280px;min-height:var(--quiz-doc-min-h-mobile)}.document-panel,.question-panel{width:100%}.document-panel{align-items:center;border-bottom:1px solid #ddd;border-right:none;contain-intrinsic-size:auto!important;content-visibility:visible!important;justify-content:center;margin-bottom:20px;min-height:280px;min-height:var(--quiz-doc-min-h-mobile)}.document-panel img{margin-left:auto;margin-right:auto;max-width:95vw}.audio-container audio,.audio-only audio{max-width:95vw;min-height:40px;min-width:140px}.quiz-container{min-height:calc(100dvh - 64px);min-height:calc(100dvh - var(--nav-h, 64px));padding-top:84px!important;padding-top:calc(var(--nav-h, 64px) + 20px)!important}}:root{--quiz-doc-min-h:380px;--quiz-doc-min-h-mobile:280px}.dark-mode .answers label,.dark-mode .audio-container,.dark-mode .audio-only,.dark-mode .question-container,.dark-mode .question-panel,.dark-mode .question-panel h2,.dark-mode .quiz-container{color:#e6ecf3!important}:root{--page-bg:#0f1222;--card-bg:#171a2b;--card-elev:#1c2134;--border:#2a3050;--text:#eef0ff;--muted:#a4a9c9;--accent:#8b5cf6;--accent-2:#6d28d9;--track:#2a2f45;--success:#22c55e;--radius-xl:16px;--radius-lg:14px;--radius-md:12px}.results-page{background:#0f1222;background:var(--page-bg);color:#eef0ff;color:var(--text);margin:0 auto;max-width:1100px;padding:28px 20px 24px}.results-hero{background:linear-gradient(135deg,#7c3aed,#4c1d95);border-radius:16px;border-radius:var(--radius-xl);color:#fff;margin-bottom:18px;margin-top:72px;padding:28px 32px}.results-hero h1{font-size:34px;font-weight:800;margin:0 0 6px}.results-hero p{margin:0;opacity:.9}.metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1.4fr 1fr 1fr;margin-bottom:20px}@media (max-width:980px){.metrics-grid{grid-template-columns:1fr 1fr}}@media (max-width:620px){.metrics-grid{grid-template-columns:1fr}}.metric-card{background:linear-gradient(180deg,#171a2b,#1c2134);background:linear-gradient(180deg,var(--card-bg),var(--card-elev));border:1px solid #2a3050;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);min-height:132px;padding:18px}.metric-card h3,.metric-card h4{font-weight:700;letter-spacing:.2px;margin:0 0 12px}.metric-card .metric-value{font-size:28px;font-weight:800}.metric-card .metric-sub{color:#a4a9c9;color:var(--muted);font-size:14px;margin-top:6px}.metric-card .based-on{color:#a4a9c9;color:var(--muted);line-height:1.35;margin:2px 0 0}.metric-card.overall{align-items:center;display:flex;flex-direction:column;justify-content:center}.metric-card.overall h3{align-self:flex-start}.muted{color:#a4a9c9;color:var(--muted);font-size:14px;margin-top:12px;text-align:center}.donut{--size:200px;background:conic-gradient(#8b5cf6 var(--pct),#2a2f45 0);background:conic-gradient(var(--accent) var(--pct),var(--track) 0);border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff0a;display:grid;height:var(--size);margin:8px 0 10px;place-items:center;position:relative;width:var(--size)}.donut:after{background:linear-gradient(180deg,#171a2b,#1c2134);background:linear-gradient(180deg,var(--card-bg),var(--card-elev));border-radius:50%;box-shadow:0 2px 10px #00000040;content:"";inset:14px;position:absolute}.donut__inner{display:grid;inset:0;place-items:center;position:absolute;text-align:center}.donut__inner .big{font-size:56px;font-weight:900;line-height:1}.donut__inner .small{color:#a4a9c9;color:var(--muted);display:block;font-size:15px;margin-top:4px}.tef-clb-summary{background:linear-gradient(180deg,#171a2b,#1c2134);background:linear-gradient(180deg,var(--card-bg),var(--card-elev));border:1px solid #2a3050;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#eef0ff;color:var(--text);margin:18px 0 22px;padding:16px 18px}.tef-clb-summary h3{margin:0 0 8px}.tef-clb-summary small{color:#a4a9c9;color:var(--muted)}.answers-card{background:linear-gradient(180deg,#171a2b,#1c2134);background:linear-gradient(180deg,var(--card-bg),var(--card-elev));border:1px solid #2a3050;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);padding:18px}.answers-card h3{font-size:20px;margin:0 0 10px}.answers-list{list-style:none;margin:0;padding:0}.answer-item{border-top:1px solid #2a3050;border-top:1px solid var(--border);padding:14px 0}.answer-item:first-child{border-top:none}.answer-item p{margin:6px 0}.actions{display:flex;gap:12px;justify-content:center;margin-top:22px}.actions button{background:linear-gradient(135deg,#8b5cf6,#6d28d9);background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 16px;transition:transform .08s ease,opacity .2s ease}.actions button:hover{opacity:.95}.actions button:active{transform:translateY(1px)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}header.navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0056b3d9;color:#fff;font-size:1rem;padding:15px 20px;z-index:1001}.navbar nav,header.navbar{align-items:center;display:flex;justify-content:space-between;width:100%}.navbar h1{color:#fff;font-size:1.5em}.navbar nav ul{display:flex;gap:15px;list-style-type:none;margin:0;padding:0}.navbar nav ul li{display:inline}.navbar nav ul li a{color:#fff;font-weight:700;text-decoration:none;transition:color .3s}.navbar nav ul li a:hover{color:#7fffd4}.nav-link{color:#fff;text-decoration:none}.navbar-logo-details{align-items:center;display:flex}@media (max-width:700px){header.navbar{font-size:.95rem;padding:10px 8px}.navbar-logo-details span{font-size:1.1rem!important}.navbar nav ul{gap:8px}.nav-link,.navbar nav ul li a{font-size:.95rem;padding:4px 6px}.navbar-hamburger{display:flex}.navbar nav ul,.navbar-links{background:#0056b3f7;border-radius:8px;box-shadow:0 4px 16px #00000026;display:none;flex-direction:column;min-width:150px;padding:10px 0;position:absolute;right:10px;top:60px;z-index:1100}.navbar-links.open{display:flex}.navbar nav ul li,.navbar-links li{display:block;margin:0;padding:0;text-align:left}.nav-link,.navbar nav ul li a,.navbar-links li a{border-radius:0;color:#fff;display:block;font-size:1rem;padding:10px 18px}.navbar-logo-details{margin-bottom:0}}@media (max-width:760px){.navbar-hamburger{display:inline-flex!important}}@media (max-width:480px){header.navbar{align-items:flex-start;flex-direction:column;font-size:.9rem;padding:8px 4px}.navbar-logo-details{margin-bottom:6px}.navbar nav ul{flex-wrap:wrap;gap:4px;overflow-x:auto;padding-bottom:2px}.nav-link,.navbar nav ul li a{font-size:.9rem;padding:3px 4px}}.navbar-hamburger{background:#ffffff0f;border:1px solid #ffffff1f;color:#fff;height:34px;width:40px}.navbar-hamburger:before{background:linear-gradient(currentColor,currentColor) 0 0/100% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 6px/100% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 12px/100% 2px no-repeat;border-radius:2px;content:"";height:14px;left:50%;opacity:.95;position:absolute;top:50%;transform:translate(-50%,-50%);width:22px}@media (max-width:760px){.navbar-hamburger{align-items:center;display:inline-flex;justify-content:center}.navbar .navbar-links{display:none!important}.navbar .navbar-links.open{display:flex!important}}:root{--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--bg-color-light:#f8f9fa;--text-color-light:#212529;--primary-color-light:#282c34;--secondary-color-light:#6c757d;--accent-color-light:#17a2b8;--card-bg-light:#fff;--border-color-light:#dee2e6;--button-bg-light:#007bff;--button-text-light:#fff;--button-hover-bg-light:#0056b3;--key-bg-light:#e9ecef;--key-text-light:#212529;--key-hover-bg-light:#ced4da;--input-bg-light:#fff;--input-border-light:#ced4da;--error-color-light:#dc3545;--added-text-light:#28a745;--removed-text-light:#dc3545;--bg-color-dark:#0f172a;--text-color-dark:#e6ecf3;--primary-color-dark:#8b5cf6;--secondary-color-dark:#a3adc2;--accent-color-dark:#a78bfa;--card-bg-dark:#1c2530;--border-color-dark:#2a3648;--button-bg-dark:#8b5cf6;--button-text-dark:#fff;--button-hover-bg-dark:#7c3aed;--key-bg-dark:#243040;--key-text-dark:#e6ecf3;--key-hover-bg-dark:#2f3d52;--input-bg-dark:#151c28;--input-border-dark:#2a3648;--error-color-dark:#ef4444;--added-text-dark:#34d399;--removed-text-dark:#f87171;--shadow-sm:0 1px 3px #0000000d,0 1px 2px #00000008;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000012,0 4px 6px -2px #00000008;--border-radius-sm:0.25rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem}body{background-color:#f8f9fa;background-color:var(--bg-color-light);color:#212529;color:var(--text-color-light);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}body.dark-mode-body{background-color:#0f172a;background-color:var(--bg-color-dark);color:#e6ecf3;color:var(--text-color-dark)}.app-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding:90px 20px 20px}@media (max-width:700px){.app-container{padding-top:90px!important}}@media (max-width:480px){.app-container{padding-left:6px;padding-right:6px;padding-top:90px!important}}.french-keyboard-app{background-color:#fff;background-color:var(--card-bg-light);border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px -3px #00000012,0 4px 6px -2px #00000008;box-shadow:var(--shadow-lg);max-width:1150px;padding:20px 30px;transition:background-color .3s ease;width:100%}.dark-mode .french-keyboard-app{background-color:#1c2530;background-color:var(--card-bg-dark)}.app-header{align-items:center;background-color:#282c34;background-color:var(--primary-color-light);border-bottom:none;border-radius:.5rem .5rem 0 0;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;color:#fff;color:var(--button-text-light);display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px;padding:1rem}.dark-mode .app-header{background:linear-gradient(135deg,#1c2530,#263043)!important;color:#e6ecf3!important}.app-header .countdown-timer,.app-header .option-control label,.app-header .option-control span,.dark-mode .app-header .countdown-timer,.dark-mode .app-header .option-control label,.dark-mode .app-header .option-control span{color:#fff!important;color:var(--button-text-light)!important}.app-header .slider{background-color:#ccc}.app-header input:checked+.slider{background-color:#17a2b8;background-color:var(--accent-color-light)}.dark-mode .app-header input:checked+.slider{background-color:#8b5cf6!important;background-color:var(--primary-color-dark)!important}.app-header .slider:before{background-color:#fff}.countdown-timer{font-size:1.2em;font-weight:600}.dark-mode .countdown-timer{color:#e6ecf3!important;color:var(--text-color-dark)!important}.options-panel{flex-wrap:wrap;gap:25px}.option-control,.options-panel{align-items:center;display:flex}.option-control{gap:8px}.option-control input[type=range]{cursor:pointer;max-width:100px}.switch{display:inline-block;height:28px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:20px;left:4px;width:20px}input:checked+.slider{background-color:#282c34;background-color:var(--primary-color-light)}.dark-mode input:checked+.slider{background-color:#8b5cf6!important;background-color:var(--primary-color-dark)!important}input:focus+.slider{box-shadow:0 0 1px #282c34;box-shadow:0 0 1px var(--primary-color-light)}.dark-mode input:focus+.slider{box-shadow:0 0 1px #8b5cf6;box-shadow:0 0 1px var(--primary-color-dark)}input:checked+.slider:before{transform:translateX(22px)}.slider.round{border-radius:28px}.slider.round:before{border-radius:50%}.tabs{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color-light);display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:25px}.dark-mode .tabs{border-bottom-color:#2a3648;border-bottom-color:var(--border-color-dark)}.tab-button{background-color:initial;border:none;border-bottom:3px solid #0000;color:#6c757d;color:var(--secondary-color-light);cursor:pointer;font-size:1.05em;font-weight:500;margin-bottom:-1px;padding:12px 25px;transition:color .3s ease,border-bottom .3s ease}.dark-mode .tab-button{color:#a3adc2!important;color:var(--secondary-color-dark)!important}.tab-button:hover{color:#282c34;color:var(--primary-color-light)}.dark-mode .tab-button:hover{color:#8b5cf6;color:var(--primary-color-dark)}.tab-button.active{border-bottom:3px solid #282c34;border-bottom:3px solid var(--primary-color-light);color:#282c34;color:var(--primary-color-light);font-weight:600}.dark-mode .tab-button.active{border-bottom-color:#8b5cf6!important;border-bottom-color:var(--primary-color-dark)!important;color:#e6ecf3!important;color:var(--text-color-dark)!important}.content-area{margin-top:20px}.writing-section{background-color:#fff;background-color:var(--card-bg-light);border-radius:.5rem;border-radius:var(--border-radius-md);padding:20px}.dark-mode .writing-section{background-color:#1c2530!important;background-color:var(--card-bg-dark)!important}.dark-mode .topic-blockquote,.dark-mode .writing-section,.dark-mode .writing-section h1,.dark-mode .writing-section h2,.dark-mode .writing-section h3,.dark-mode .writing-section label,.dark-mode .writing-section li,.dark-mode .writing-section p,.dark-mode .writing-section span{color:#e6ecf3!important;color:var(--text-color-dark)!important}.dark-mode .input-box,.dark-mode .section-header h1,.dark-mode .section-header h2,.dark-mode .writing-section,.dark-mode .writing-section :is(p,li,label,span,blockquote,small,strong,em){color:#fff!important}.dark-mode .input-box::placeholder{color:#cbd5e1!important}.dark-mode .input-box,.dark-mode .topic-blockquote,.dark-mode .writing-textarea{color:#e6ecf3!important;color:var(--text-color-dark)!important}.dark-mode .input-box,.dark-mode .writing-textarea{background-color:#151c28!important;background-color:var(--input-bg-dark)!important;border-color:#2a3648!important;border-color:var(--input-border-dark)!important}.dark-mode .input-box::placeholder,.dark-mode .writing-textarea::placeholder{color:#a3adc2!important;color:var(--secondary-color-dark)!important;opacity:1}:where(.dark-mode,body.dark-mode-body) .writing-section{background-color:#1c2530!important;background-color:var(--card-bg-dark)!important;color:#e6ecf3!important;color:var(--text-color-dark)!important}:where(.dark-mode,body.dark-mode-body) .writing-section :where(p,li,label,span,strong,em,code){color:#e6ecf3!important;color:var(--text-color-dark)!important}:where(.dark-mode,body.dark-mode-body) .section-header h1{color:#e6ecf3!important;color:var(--text-color-dark)!important}:where(.dark-mode,body.dark-mode-body) .section-header h2{color:#a3adc2!important;color:var(--secondary-color-dark)!important}:where(.dark-mode,body.dark-mode-body) .topic-blockquote{background-color:#151c28!important;background-color:var(--input-bg-dark)!important;border-left-color:#a78bfa!important;border-left-color:var(--accent-color-dark)!important;color:#e6ecf3!important;color:var(--text-color-dark)!important}:where(.dark-mode,body.dark-mode-body) .input-box,:where(.dark-mode,body.dark-mode-body) .writing-textarea{background-color:#151c28!important;background-color:var(--input-bg-dark)!important;border-color:#2a3648!important;border-color:var(--input-border-dark)!important;color:#e6ecf3!important;color:var(--text-color-dark)!important}:where(.dark-mode,body.dark-mode-body) .input-box::placeholder,:where(.dark-mode,body.dark-mode-body) .writing-textarea::placeholder{color:#a3adc2!important;color:var(--secondary-color-dark)!important;opacity:1}:where(.dark-mode,body.dark-mode-body) .keyboard{background-color:#151c28!important;background-color:var(--input-bg-dark)!important;border:1px solid #2a3648!important;border:1px solid var(--input-border-dark)!important}:where(.dark-mode,body.dark-mode-body) .keyboard-button{background-color:#243040!important;background-color:var(--key-bg-dark)!important;border-color:#2a3648!important;border-color:var(--border-color-dark)!important;color:#e6ecf3!important;color:var(--key-text-dark)!important}:where(.dark-mode,body.dark-mode-body) .keyboard-button:hover{background-color:#2f3d52!important;background-color:var(--key-hover-bg-dark)!important}:where(.dark-mode,body.dark-mode-body) .virtual-keyboard{background:#ffffff0a!important;border-color:#ffffff14!important}:where(.dark-mode,body.dark-mode-body) .virtual-keyboard button{background-color:#243040!important;background-color:var(--key-bg-dark)!important;border:1px solid #2a3648!important;border:1px solid var(--border-color-dark)!important;color:#fff!important}body.dark-mode-body .error-message{border-color:#ef4444;border-color:var(--error-color-dark);color:#ef4444;color:var(--error-color-dark)}body.dark-mode-body .added{color:#34d399;color:var(--added-text-dark)}body.dark-mode-body .removed{color:#f87171;color:var(--removed-text-dark)}.section-header{margin-bottom:25px;text-align:center}.section-header h1{color:#282c34;color:var(--primary-color-light);font-size:1.8em;font-weight:700;margin-bottom:8px}.dark-mode .section-header h1{color:#e6ecf3!important;color:var(--text-color-dark)!important}.section-header h2{color:#212529;color:var(--text-color-light);font-size:1.4em;font-weight:600;margin-bottom:15px}.dark-mode .section-header h2{color:#a3adc2!important;color:var(--secondary-color-dark)!important}.prompt-instruction{color:#6c757d;color:var(--secondary-color-light);font-size:1em;margin-bottom:10px}.dark-mode .prompt-instruction{color:#a3adc2;color:var(--secondary-color-dark)}.topic-blockquote{background-color:#f8f9fa;background-color:var(--bg-color-light);border-left:4px solid #17a2b8;border-left:4px solid var(--accent-color-light);border-radius:.25rem;border-radius:var(--border-radius-sm);font-size:1.1em;font-style:italic;font-weight:500;margin:20px auto;max-width:1000px;padding:10px 15px}.dark-mode .topic-blockquote{background-color:#151c28;background-color:var(--input-bg-dark);border-left-color:#a78bfa;border-left-color:var(--accent-color-dark)}.keyboard{background-color:#f8f9fa;background-color:var(--bg-color-light);border-radius:.5rem;border-radius:var(--border-radius-md);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);box-sizing:border-box;display:flex;flex-direction:column;gap:8px;margin:25px auto;max-width:100%;padding:15px}.dark-mode .keyboard{background-color:#151c28!important;background-color:var(--input-bg-dark)!important;border:1px solid #2a3648;border:1px solid var(--input-border-dark)}.keyboard-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.keyboard-row.special-chars-row{flex-wrap:nowrap;justify-content:center}.keyboard-button{background-color:#e9ecef;background-color:var(--key-bg-light);border:1px solid #dee2e6;border:1px solid var(--border-color-light);border-radius:.25rem;border-radius:var(--border-radius-sm);box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008;box-shadow:var(--shadow-sm);color:#212529;color:var(--key-text-light);cursor:pointer;flex-grow:0;flex-shrink:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-primary);font-size:1em;min-width:40px;padding:10px 12px;text-align:center;transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease}.dark-mode .keyboard-button{background-color:#243040!important;background-color:var(--key-bg-dark)!important;border-color:#2a3648!important;border-color:var(--border-color-dark)!important;color:#e6ecf3!important;color:var(--key-text-dark)!important}.keyboard-button:hover{background-color:#ced4da;background-color:var(--key-hover-bg-light);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md)}.dark-mode .keyboard-button:hover{background-color:#2f3d52!important;background-color:var(--key-hover-bg-dark)!important}.keyboard-button:active{box-shadow:none;transform:translateY(1px)}.backspace-key,.shift-key{background-color:#adb5bd;color:#fff;min-width:80px}.dark-mode .backspace-key,.dark-mode .shift-key{background-color:#5a6268}.shift-key.active{background-color:#282c34;background-color:var(--primary-color-light);color:#fff}.dark-mode .shift-key.active{background-color:#8b5cf6;background-color:var(--primary-color-dark)}.space-key{flex-grow:3;min-width:200px}.space-key-full{flex-grow:1;width:100%}.input-box{background-color:#fff;background-color:var(--input-bg-light);border:1px solid #ced4da;border:1px solid var(--input-border-light);border-radius:.5rem;border-radius:var(--border-radius-md);box-sizing:border-box;color:#212529;color:var(--text-color-light);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-primary);line-height:1.6;margin:20px 0;min-height:150px;padding:15px;resize:vertical;transition:border-color .3s ease,background-color .3s ease,color .3s ease;width:100%}.dark-mode .input-box{background-color:#151c28!important;background-color:var(--input-bg-dark)!important;border-color:#2a3648!important;border-color:var(--input-border-dark)!important;color:#e6ecf3!important;color:var(--text-color-dark)!important}.input-box:focus{border-color:#282c34;border-color:var(--primary-color-light);box-shadow:0 0 0 3px #007bff40;outline:none}.dark-mode .input-box:focus{border-color:#8b5cf6!important;border-color:var(--primary-color-dark)!important;box-shadow:0 0 0 3px #8b5cf640!important}.input-meta{align-items:center;color:#6c757d;color:var(--secondary-color-light);display:flex;flex-wrap:wrap;font-size:.9em;gap:10px;justify-content:space-between;margin-top:10px}.dark-mode .input-meta{color:#a3adc2;color:var(--secondary-color-dark)}.word-count-tooltip{background:#fff;background:var(--card-bg-light);border:1px solid #dc3545;border:1px solid var(--error-color-light);border-radius:.5rem;border-radius:var(--border-radius-md);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);color:#dc3545;color:var(--error-color-light);font-size:.95em;left:50%;padding:8px 12px;position:absolute;top:110%;transform:translateX(-50%);white-space:nowrap;z-index:10}.dark-mode .word-count-tooltip{background:#1c2530;background:var(--card-bg-dark);border-color:#ef4444;border-color:var(--error-color-dark);color:#ef4444;color:var(--error-color-dark)}.submit-button{background-color:#007bff;background-color:var(--button-bg-light);border:none;border-radius:.5rem;border-radius:var(--border-radius-md);color:#fff;color:var(--button-text-light);cursor:pointer;font-size:1em;font-weight:600;padding:12px 25px;transition:background-color .3s ease,transform .1s ease}.dark-mode .submit-button{background-color:#8b5cf6!important;background-color:var(--button-bg-dark)!important;color:#fff!important;color:var(--button-text-dark)!important}.submit-button:hover:not(:disabled){background-color:#0056b3;background-color:var(--button-hover-bg-light);transform:translateY(-1px)}.dark-mode .submit-button:hover:not(:disabled){background-color:#7c3aed!important;background-color:var(--button-hover-bg-dark)!important}.submit-button:disabled{background-color:#ced4da;cursor:not-allowed}.dark-mode .submit-button:disabled{background-color:#565e6c}.error-message{background-color:#dc35451a;border:1px solid #dc3545;border:1px solid var(--error-color-light);border-radius:.25rem;border-radius:var(--border-radius-sm);color:#dc3545;color:var(--error-color-light);margin-top:15px;padding:10px 15px;text-align:center}.dark-mode .error-message{background-color:#e74c3c1a;border-color:#ef4444;border-color:var(--error-color-dark);color:#ef4444;color:var(--error-color-dark)}.loading-message{color:#6c757d;color:var(--secondary-color-light);font-style:italic;padding:20px;text-align:center}.dark-mode .loading-message{color:#a3adc2;color:var(--secondary-color-dark)}.correction-display-container{background-color:#f8f9fa;background-color:var(--bg-color-light);border:1px solid #dee2e6;border:1px solid var(--border-color-light);border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);margin-top:30px;padding:25px}.dark-mode .correction-display-container{background-color:#1c2530!important;background-color:var(--card-bg-dark)!important;border-color:#2a3648!important;border-color:var(--border-color-dark)!important}.correction-title{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color-light);color:#282c34;color:var(--primary-color-light);font-size:1.6em;font-weight:600;margin-bottom:20px;padding-bottom:10px;text-align:center}.dark-mode .correction-title{border-bottom-color:#2a3648;border-bottom-color:var(--border-color-dark);color:#8b5cf6;color:var(--primary-color-dark)}.correction-section{margin-bottom:25px}.correction-section h3{border-bottom:1px dashed #dee2e6;border-bottom:1px dashed var(--border-color-light);color:#212529;color:var(--text-color-light);font-size:1.2em;font-weight:600;margin-bottom:10px;padding-bottom:5px}.dark-mode .correction-section h3{border-bottom-color:#2a3648;border-bottom-color:var(--border-color-dark);color:#e6ecf3;color:var(--text-color-dark)}.text-block{background-color:#fff;background-color:var(--card-bg-light);border:1px solid #dee2e6;border:1px solid var(--border-color-light);border-radius:.25rem;border-radius:var(--border-radius-sm);line-height:1.7;padding:15px;white-space:pre-line}.dark-mode .text-block{background-color:#1c2530!important;background-color:var(--card-bg-dark)!important;border-color:#2a3648!important;border-color:var(--border-color-dark)!important;color:#e6ecf3!important;color:var(--text-color-dark)!important}.original-annotated-text .correction-wrapper{display:inline-block;position:relative}.original-annotated-text .tooltiptext{background-color:#555;border-radius:6px;bottom:125%;color:#fff;font-size:.85em;font-style:normal;left:50%;line-height:1.4;margin-left:-100px;opacity:0;padding:5px 8px;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:200px;z-index:10}.original-annotated-text .tooltiptext:after{border:5px solid #0000;border-top-color:#555;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.original-annotated-text .correction-wrapper:hover .tooltiptext{opacity:1;visibility:visible}.corrections-list{list-style-type:none;padding-left:0}.correction-item{background-color:#17a2b80d;border-left:3px solid #17a2b8;border-left:3px solid var(--accent-color-light);border-radius:.25rem;border-radius:var(--border-radius-sm);margin-bottom:10px;padding:10px}.dark-mode .correction-item{background-color:#48c9b01a;border-left-color:#a78bfa;border-left-color:var(--accent-color-dark)}.correction-item .explanation-text{color:#6c757d;color:var(--secondary-color-light);font-size:.9em;margin-left:10px;margin-top:5px}.dark-mode .correction-item .explanation-text{color:#a3adc2;color:var(--secondary-color-dark)}.added{color:#28a745;color:var(--added-text-light);font-weight:600}.dark-mode .added{color:#34d399;color:var(--added-text-dark)}.removed{color:#dc3545;color:var(--removed-text-light);font-weight:400;text-decoration:line-through}.dark-mode .removed{color:#f87171;color:var(--removed-text-dark)}.score-section p{font-size:1.05em;margin-bottom:8px}.score-value{color:#282c34;color:var(--primary-color-light);font-weight:700}.dark-mode .score-value{color:#8b5cf6;color:var(--primary-color-dark)}.clb-description{background-color:#f8f9fa;background-color:var(--bg-color-light);border-radius:.25rem;border-radius:var(--border-radius-sm);color:#6c757d;color:var(--secondary-color-light);font-size:.9em;margin-top:10px;padding:10px}.dark-mode .clb-description{background-color:#151c28;background-color:var(--input-bg-dark);color:#a3adc2;color:var(--secondary-color-dark)}.example-panel{background-color:#fff;background-color:var(--card-bg-light);border:1px solid #dee2e6;border:1px solid var(--border-color-light);border-radius:.5rem;border-radius:var(--border-radius-md);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);margin-top:30px;padding:20px}.dark-mode .example-panel{background-color:#1c2530!important;background-color:var(--card-bg-dark)!important;border-color:#2a3648!important;border-color:var(--border-color-dark)!important;color:#e6ecf3!important;color:var(--text-color-dark)!important}.example-title{color:#17a2b8;color:var(--accent-color-light);font-size:1.3em;font-weight:600;margin-bottom:15px;text-align:center}.dark-mode .example-title{color:#a78bfa;color:var(--accent-color-dark)}.example-content{font-size:.95em;line-height:1.7}.example-paragraph{margin-bottom:1em}@media (max-width:768px){.french-keyboard-app{padding:15px}.app-header,.options-panel{align-items:flex-start;flex-direction:column;gap:15px}.options-panel{width:100%}.option-control{justify-content:space-between;width:100%}.option-control input[type=range]{max-width:150px}.tabs{justify-content:flex-start}.tab-button{font-size:.95em;padding:10px 15px}.keyboard{max-width:100%;padding:10px}.keyboard-row.special-chars-row{flex-wrap:wrap}.keyboard-button{font-size:.9em;min-width:35px;padding:8px 10px}.backspace-key,.shift-key{min-width:70px}.space-key{min-width:150px}.input-box{min-height:120px}.submit-button{font-size:.95em;padding:10px 20px}.correction-display-container,.example-panel{padding:15px}.correction-title{font-size:1.4em}.correction-section h3{font-size:1.1em}.topic-blockquote{max-width:100%}}@media (max-width:480px){.app-container{padding-left:6px;padding-right:6px;padding-top:90px!important}.french-keyboard-app{border-radius:.5rem;border-radius:var(--border-radius-md);padding:10px}.countdown-timer{font-size:1em}.section-header h1{font-size:1.4em}.section-header h2{font-size:1.1em}.topic-blockquote{font-size:.95em;padding:8px 12px}.keyboard-button{font-size:.85em;min-width:30px;padding:7px 9px}.backspace-key,.shift-key{font-size:.8em;min-width:60px}.space-key{font-size:.85em;min-width:100px}.input-meta{align-items:stretch;flex-direction:column;gap:10px}.input-meta .submit-button{font-size:.9em;width:100%}.original-annotated-text .tooltiptext{font-size:.8em;margin-left:-75px;width:150px}.word-count-tooltip{font-size:.9em;left:50%;line-height:1.4;text-align:center;transform:translateX(-50%);white-space:normal;width:220px}}.french-keyboard-container{margin:0 auto;max-width:1200px;padding:90px 20px 20px;padding-top:calc(var(--nav-h, 64px) + 26px)}.writing-controls-box{background:linear-gradient(135deg,#1c2530,#263043);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px -6px #0009;color:#e6ecf3!important;margin-bottom:1rem;padding:1rem}.writing-controls-box .timer-display{font-size:1.1em;font-weight:600;margin-bottom:.5rem}.writing-controls-box .mode-toggle{font-size:.95em;margin-bottom:.5rem}.writing-controls-box .font-size-control{align-items:center;display:flex;font-size:.95em;gap:.5rem}.writing-controls-box .font-size-display{background:#e6ecf31f!important;border-radius:4px;font-family:monospace;font-size:.9em;padding:2px 8px}.writing-textarea{border:1px solid #dee2e6;border-radius:8px;font-family:inherit;font-size:16px;margin-bottom:1rem;min-height:300px;padding:1rem;resize:vertical;width:100%}.dark-mode .writing-textarea{background-color:#151c28!important;background-color:var(--input-bg-dark)!important;border-color:#2a3648!important;border-color:var(--input-border-dark)!important;color:#e6ecf3!important;color:var(--text-color-dark)!important}.keyboard-toggle-btn{background:linear-gradient(135deg,#5d78ff,#9c5dff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.keyboard-toggle-btn:hover{box-shadow:0 4px 12px #5d78ff4d;transform:translateY(-2px)}.virtual-keyboard{grid-gap:8px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));margin-top:1rem;padding:1rem}.dark-mode .virtual-keyboard{background:#ffffff0a!important;border-color:#ffffff14!important}.virtual-keyboard button{background:linear-gradient(135deg,#5d78ff,#9c5dff);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;min-height:40px;padding:.5rem;transition:all .2s ease}.virtual-keyboard button:hover{box-shadow:0 2px 8px #5d78ff66;transform:translateY(-1px)}.app-container.dark-mode .input-box,.app-container.dark-mode .prompt-instruction,.app-container.dark-mode .section-header h1,.app-container.dark-mode .section-header h2,.app-container.dark-mode .topic-blockquote,.app-container.dark-mode .writing-section,.app-container.dark-mode .writing-section :is(p,li,label,span,blockquote,small,strong,em,code){color:#fff!important}.app-container.dark-mode .input-box::placeholder{color:#cbd5e1!important}.app-container.dark-mode .text-block,.app-container.dark-mode .topic-blockquote,.app-container.dark-mode .writing-section{background-color:inherit}:where(.app-container.dark-mode,body.dark-mode-body,[data-theme=dark]) .input-box,:where(.app-container.dark-mode,body.dark-mode-body,[data-theme=dark]) .prompt-instruction,:where(.app-container.dark-mode,body.dark-mode-body,[data-theme=dark]) .section-header h1,:where(.app-container.dark-mode,body.dark-mode-body,[data-theme=dark]) .section-header h2,:where(.app-container.dark-mode,body.dark-mode-body,[data-theme=dark]) .writing-section,:where(.app-container.dark-mode,body.dark-mode-body,[data-theme=dark]) .writing-section :where(h1,h2,h3,p,li,label,span,blockquote,small,strong,em,code){color:#fff!important}:where(.app-container.dark-mode,body.dark-mode-body,[data-theme=dark]) .input-box::placeholder{color:#cbd5e1!important}.app-container.dark-mode .french-keyboard-app .writing-section,body.dark .app-container .french-keyboard-app .writing-section{background-color:#0f172a!important;color:#fff!important}.app-container.dark-mode .french-keyboard-app .section-header h1,body.dark .app-container .french-keyboard-app .section-header h1{color:#fff!important}.app-container.dark-mode .french-keyboard-app .prompt-instruction,.app-container.dark-mode .french-keyboard-app .section-header h2,body.dark .app-container .french-keyboard-app .prompt-instruction,body.dark .app-container .french-keyboard-app .section-header h2{color:#cbd5e1!important}.app-container.dark-mode .french-keyboard-app .input-box,body.dark .app-container .french-keyboard-app .input-box{background-color:#151c28!important;border-color:#2a3648!important;caret-color:#fff!important;color:#e6ecf3!important}.app-container.dark-mode .french-keyboard-app .input-box::placeholder,body.dark .app-container .french-keyboard-app .input-box::placeholder{color:#9aa4b2!important}.app-container.dark-mode .french-keyboard-app .text-block,.app-container.dark-mode .french-keyboard-app .topic-blockquote,body.dark .app-container .french-keyboard-app .text-block,body.dark .app-container .french-keyboard-app .topic-blockquote{background-color:#1c2530!important;border-color:#2a3648!important;color:#e6ecf3!important}.app-container.dark-mode .french-keyboard-app .writing-section,.app-container.dark-mode .french-keyboard-app .writing-section *{color:#fff!important}.app-container.dark-mode .french-keyboard-app .input-box::placeholder{color:#cbd5e1!important}.force-white,.force-white *{color:#fff!important}.force-white .input-box{caret-color:#fff!important;color:#fff!important}.force-white .input-box::placeholder,.force-white .prompt-instruction,.force-white .section-header h2{color:#cbd5e1!important}.app-container.dark-mode .writing-section,.app-container.dark-mode .writing-section *{color:#fff!important}.app-container.dark-mode .writing-section .input-box::placeholder{color:#cbd5e1!important}.french-keyboard-app .writing-section{filter:none!important;isolation:isolate;mix-blend-mode:normal!important;opacity:1!important;position:relative;z-index:0}.french-keyboard-app .writing-section *{mix-blend-mode:normal!important}:where(.app-container.dark-mode,body.dark,body.dark-mode-body,[data-theme=dark]) .french-keyboard-app .writing-section *,:where(.app-container.dark-mode,body.dark,body.dark-mode-body,[data-theme=dark]) .french-keyboard-app .writing-section .input-box{-webkit-text-fill-color:#fff!important}.french-keyboard-app .writing-section .backdrop,.french-keyboard-app .writing-section .overlay,.french-keyboard-app .writing-section:after,.french-keyboard-app .writing-section:before{opacity:0!important;pointer-events:none!important}.success-container{font-family:Arial,sans-serif;margin:0 auto;max-width:600px;padding:20px;text-align:center}.success-title{color:#32cd32;font-size:24px;margin-bottom:20px}.success-message{font-size:18px;margin-bottom:20px}.success-details{background-color:#f0f0f0;border-radius:5px;margin-bottom:20px;padding:15px}.success-amount{font-size:20px;font-weight:700}.success-currency{font-size:16px}.success-link{background-color:#4caf50;border-radius:5px;color:#fff;display:inline-block;padding:10px 20px;text-decoration:none;transition:background-color .3s}.success-link:hover{background-color:#45a049}.cancel-container{font-family:Arial,sans-serif;margin:0 auto;max-width:600px;padding:20px;text-align:center}.cancel-title{color:tomato;font-size:24px;margin-bottom:20px}.cancel-message{font-size:18px;margin-bottom:20px}.cancel-link{background-color:#4caf50;border-radius:5px;color:#fff;display:inline-block;padding:10px 20px;text-decoration:none;transition:background-color .3s}.cancel-link:hover{background-color:#45a049}body{background-color:#f4f7fa;color:#333;font-family:Inter,Arial,sans-serif}.dashboard-container{grid-gap:30px;display:grid;gap:30px;margin:40px auto;max-width:900px;padding:90px 20px 20px}.dashboard-title{color:#1a202c;font-size:2.2rem;font-weight:700;margin-bottom:0;text-align:center}.card{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;margin-bottom:0;padding:24px;transition:box-shadow .3s}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.card h2{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:1.4rem;font-weight:600;margin-bottom:18px;margin-top:0;padding-bottom:12px}.subscription-details p{color:#4a5568;font-size:1rem;margin:8px 0}.subscription-details .status{border-radius:9999px;display:inline-block;font-size:.9rem;font-weight:600;padding:4px 12px}.status-active{background-color:#c6f6d5;color:#2f855a}.status-canceled,.status-expired{background-color:#fed7d7;color:#c53030}.days-left{color:#4f46e5;font-size:1.1rem;font-weight:600}.no-data{color:#718096;padding:20px;text-align:center}@media (max-width:700px){.dashboard-container{gap:16px;max-width:98vw;padding:8px}.card{padding:14px}.dashboard-title{font-size:1.3rem}}body{background-color:#f9f9f9;font-family:Arial,sans-serif;margin:0;padding:0}.App{padding:20px;text-align:center}.latest-score-card{border:none!important;border-radius:12px!important;box-shadow:none!important}.latest-score-card,.latest-score-card-parent{background:#f9f9f9!important;margin-bottom:0!important;padding-bottom:0!important}.exam-item{background:#f9f9f9!important;height:auto!important;min-height:0!important}.exam-container,.exam-item,.exam-item-parent,.exam-list{border:none!important;box-shadow:none!important;margin:0!important;padding:0!important}.exam-container,.exam-item-parent,.exam-list{background:#0000!important}:root{--quiz-surface:#fff;--quiz-text:#1b222b;--quiz-border:#d9e1ea;--quiz-hover:#f3f6fa;--quiz-focus:0 0 0 3px #5d78ff59;--quiz-progress-track:#e7ecf3}body .answers,body .correction-display-container,body .exam-item,body .example-panel,body .question-container,body .question-panel,body .quiz-container,body .reading-section,body .results-container,body .writing-section{background:#fff!important;background:var(--quiz-surface)!important;border-radius:12px;box-shadow:none;color:#1b222b!important;color:var(--quiz-text)!important}body .answers *,body .correction-display-container *,body .exam-item *,body .example-panel *,body .question-container *,body .question-panel *,body .quiz-container *,body .reading-section *,body .results-container *,body .writing-section *{-webkit-text-fill-color:#1b222b!important;-webkit-text-fill-color:var(--quiz-text)!important;color:#1b222b!important;color:var(--quiz-text)!important;mix-blend-mode:normal!important;text-shadow:none!important}body .question-container .progress-bar,body .question-container .progress-bar *,body .quiz-container .progress-bar,body .quiz-container .progress-bar *{-webkit-text-fill-color:#fff!important;color:#fff!important}.section-wrap .answers,.section-wrap .correction-display-container,.section-wrap .exam-item,.section-wrap .example-panel,.section-wrap .question-container,.section-wrap .question-panel,.section-wrap .quiz-container,.section-wrap .reading-section,.section-wrap .results-container,.section-wrap .writing-section{background:#0000!important;border:0!important;box-shadow:none!important;color:inherit!important}body .question-container h1,body .question-container h2,body .quiz-container h1,body .quiz-container h2,body .reading-section h1,body .reading-section h2{background:none!important;-webkit-background-clip:initial!important;color:#1b222b!important;color:var(--quiz-text)!important}body .answers label{align-items:flex-start;background:#fff!important;border:1px solid #d9e1ea!important;border:1px solid var(--quiz-border)!important;border-radius:8px!important;cursor:pointer;display:flex;gap:10px;line-height:1.35;padding:10px 14px!important;transition:.14s ease}body .answers input[type=checkbox],body .answers input[type=radio]{-webkit-text-fill-color:initial!important;appearance:none;background:#fff;border:2px solid #0f1724;box-sizing:border-box;color:#000!important;color:initial!important;flex-shrink:0;height:18px;margin:2px 0 0;width:18px}body .answers input[type=radio]{border-radius:50%}body .answers input[type=checkbox]{border-radius:4px}body .answers input[type=checkbox]:checked,body .answers input[type=radio]:checked{background:#0f1724;border-color:#0f1724}body .answers input[type=checkbox],body .answers input[type=radio]{accent-color:#0f1724}body .answers input[type=checkbox]:focus-visible,body .answers input[type=radio]:focus-visible{border-color:#5d78ff;box-shadow:0 0 0 3px #5d78ff59;box-shadow:var(--quiz-focus);outline:none}body .answers input[type=checkbox]:focus-visible+*,body .answers input[type=radio]:focus-visible+*,body .answers label:focus-visible{box-shadow:0 0 0 3px #5d78ff59;box-shadow:var(--quiz-focus);outline:none}body .answers code{background:#eef2f6;border-radius:4px;color:#0f1724;font-size:.75rem;padding:2px 6px}body .correction-display-container,body .example-panel,body .results-container,body .writing-section{border:1px solid #d9e1ea!important;border:1px solid var(--quiz-border)!important}body .site-footer{border-top-color:#ffffff0f!important;contain:none;margin-top:5rem!important}body:has(.question-container) .site-footer,body:has(.quiz-container) .site-footer,body:has(.reading-section) .site-footer,body:has(.results-container) .site-footer,body:has(.writing-section) .site-footer{border-top-color:#ffffff0f!important;contain:none;margin-top:0!important}body .question-container,body .quiz-container,body .reading-section,body .results-container,body .writing-section{margin-bottom:0!important;padding-bottom:clamp(10px,1.6vw,16px)!important}body .question-container button,body .quiz-container button,body .reading-section button,body .writing-section button{margin-bottom:0!important}body .quiz-container .controls,body .quiz-container .nav,body .quiz-container .navigation,body .reading-section .controls,body .reading-section .nav,body .reading-section .navigation{margin-bottom:0!important;padding-bottom:0!important}body:after,html:before{content:none!important}body:has(.question-container) header.navbar,body:has(.quiz-container) header.navbar,body:has(.reading-section) header.navbar,body:has(.results-container) header.navbar,body:has(.writing-section) header.navbar{border-bottom:1px solid #00000014!important}body .question-container .navigation .nav-button,body .question-container .navigation .nav-button *,body .quiz-container .navigation .nav-button,body .quiz-container .navigation .nav-button *,body .reading-section .navigation .nav-button,body .reading-section .navigation .nav-button *,body .writing-section .navigation .nav-button,body .writing-section .navigation .nav-button *{-webkit-text-fill-color:#fff!important;color:#fff!important}:root{--quiz-progress-bar:#5d78ff;--quiz-progress-bar-2:#9c5dff}body .listening-section .progress .bar,body .listening-section .progress .meter,body .listening-section .progress .progress-bar,body .listening-section .quiz-progress .bar,body .question-container .progress .bar,body .question-container .progress .meter,body .question-container .progress .progress-bar,body .reading-section .progress .bar,body .reading-section .progress .meter,body .reading-section .progress .progress-bar,body .reading-section .quiz-progress .bar{background:linear-gradient(90deg,#5d78ff,#9c5dff)!important;background:linear-gradient(90deg,var(--quiz-progress-bar),var(--quiz-progress-bar-2))!important}body .listening-section progress[value]::-webkit-progress-value,body .question-container progress[value]::-webkit-progress-value,body .reading-section progress[value]::-webkit-progress-value{background:linear-gradient(90deg,#5d78ff,#9c5dff)!important;background:linear-gradient(90deg,var(--quiz-progress-bar),var(--quiz-progress-bar-2))!important}body .listening-section progress[value]::-moz-progress-bar,body .question-container progress[value]::-moz-progress-bar,body .reading-section progress[value]::-moz-progress-bar{background:linear-gradient(90deg,#5d78ff,#9c5dff)!important;background:linear-gradient(90deg,var(--quiz-progress-bar),var(--quiz-progress-bar-2))!important}body .listening-section .MuiLinearProgress-bar,body .question-container .MuiLinearProgress-bar,body .reading-section .MuiLinearProgress-bar{background:linear-gradient(90deg,#5d78ff,#9c5dff)!important;background:linear-gradient(90deg,var(--quiz-progress-bar),var(--quiz-progress-bar-2))!important}body .example-panel img,body .question-container img,body .quiz-container img,body .reading-section img,body .results-container img,body .writing-section img{-webkit-text-fill-color:initial!important;background:#0000!important;color:#000!important;color:initial!important;display:block!important;filter:none!important;mix-blend-mode:normal!important;opacity:1!important;visibility:visible!important}:root{--fp-bg:#0e1218;--fp-bg-alt:#141b24;--fp-surface:#1c2530;--fp-surface-glass:#ffffff0a;--fp-border:#ffffff17;--fp-border-strong:#ffffff2e;--fp-text:#e6ecf3;--fp-text-dim:#98a6b8;--fp-accent:#5d78ff;--fp-accent-alt:#9c5dff;--fp-accent-grad:linear-gradient(135deg,#5d78ff,#7d66ff 35%,#9c5dff 65%,#f056c7);--fp-radius-sm:6px;--fp-radius:14px;--fp-radius-lg:24px;--fp-shadow:0 4px 22px -6px #0000008c;--fp-glow:0 8px 32px -8px #775cff80;--fp-focus-ring:0 0 0 3px #6d5efc59;--fp-grad-bg:radial-gradient(circle at 20% 25%,#785aff38,#0000 60%),radial-gradient(circle at 80% 70%,#ff5ab42e,#0000 65%),linear-gradient(140deg,#0e1218,#111b2b 60%,#101722);--fp-trans:160ms cubic-bezier(.4,.2,.2,1);--fp-trans-slow:420ms cubic-bezier(.6,.2,.1,1);--fp-text-mid:#bcc8d5;--fp-text-strong:#d8e2ec;--fp-text-feature:#e2eaf2;--fp-feature-separator:#ffffff14;--fp-veil-1:#6e5cff47;--fp-veil-2:#fa6ac438;--fp-veil-strong:#785fff59;--fp-card-tint-1:#5d78ff24;--fp-card-tint-2:#9c5dff1a;--fp-glow-tint:#785fff59;--footer-gap:5rem;--nav-h:64px;--rs-accent:#5d78ff;--rs-accent-2:#9c5dff;--rs-hero-grad:linear-gradient(135deg,#5d78ff,#7d66ff 45%,#9c5dff 75%);--rs-surface:linear-gradient(170deg,#ffffff0f,#ffffff05);--rs-border:#ffffff1f;--rs-shadow:0 10px 28px -14px #0009;--rs-success:#22c55e;--rs-danger:#ef4444;--rs-muted:#98a6b8}body{-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 20% 25%,#785aff38,#0000 60%),radial-gradient(circle at 80% 70%,#ff5ab42e,#0000 65%),linear-gradient(140deg,#0e1218,#111b2b 60%,#101722);background:var(--fp-grad-bg);color:#e6ecf3;color:var(--fp-text);font-family:Plus Jakarta Sans,system-ui,sans-serif}html{overflow-y:scroll;scrollbar-gutter:stable}#root,body,html{margin-inline-start:0!important;padding-inline-start:0!important}.fp-container{margin:0 auto;padding:0 clamp(1.1rem,3vw,2.2rem);width:min(1220px,100%)}.fp-gradient-text,.hero h1{background:linear-gradient(135deg,#5d78ff,#7d66ff 35%,#9c5dff 65%,#f056c7);background:var(--fp-accent-grad);-webkit-background-clip:text;color:#0000}.fp-pill{align-items:center;background:linear-gradient(120deg,#263043,#1e2733);border:1px solid #ffffff17;border:1px solid var(--fp-border);border-radius:999px;color:#98a6b8;color:var(--fp-text-dim);display:inline-flex;font-size:11px;gap:.5ch;letter-spacing:.5px;padding:4px 12px 5px;text-transform:uppercase}header.navbar{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(120deg,#141a22bf,#161e2866);border-bottom:1px solid #ffffff12;box-shadow:0 6px 28px -10px #0000008c;left:0;padding:14px clamp(1rem,3vw,2rem);position:fixed;right:0;top:0;transition:.16s cubic-bezier(.4,.2,.2,1);transition:var(--fp-trans);z-index:1000}header.navbar .navbar-container{align-items:center;display:flex;justify-content:space-between;position:relative}header.navbar .brand-logo{align-items:center!important;display:flex!important;gap:0;padding:0}header.navbar .brand-logo svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.35));height:32px;width:auto}@media (max-width:560px){header.navbar .brand-logo svg{height:28px}}.navbar nav ul,.navbar-links{display:flex;gap:1.1rem;list-style:none;margin:0;padding:0}.nav-link,.navbar nav ul li a,.navbar-links a{background:none;border:none;border-radius:8px;color:#98a6b8;color:var(--fp-text-dim);cursor:pointer;font-family:inherit;font-size:inherit;font-weight:500;padding:6px 10px;position:relative;text-decoration:none;transition:.16s cubic-bezier(.4,.2,.2,1);transition:var(--fp-trans)}.nav-link:hover,.navbar nav ul li a.active,.navbar nav ul li a:hover,.navbar-links a:hover{background:#ffffff12;color:#fff}header.navbar.navbar-other{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(180deg,#101721f5,#0c1218f5)!important;border-bottom:1px solid #ffffff1a!important;box-shadow:0 10px 28px -12px #000000b3!important}header.navbar.navbar-other .nav-link,header.navbar.navbar-other .navbar-links a{color:#e6ecf3!important;opacity:.95}header.navbar.navbar-other .nav-link:hover,header.navbar.navbar-other .navbar-links a.active,header.navbar.navbar-other .navbar-links a:hover{background:#ffffff1a;color:#fff!important}body:has(.question-container) header.navbar,body:has(.quiz-container) header.navbar,body:has(.reading-section) header.navbar,body:has(.results-container) header.navbar,body:has(.writing-section) header.navbar{background:linear-gradient(180deg,#101721f5,#0c1218f5)!important;border-bottom:1px solid #ffffff1a!important;box-shadow:0 10px 28px -12px #000000b3!important;position:fixed!important;z-index:1000!important}body:has(.question-container) header.navbar .nav-link,body:has(.question-container) header.navbar .navbar-links a,body:has(.quiz-container) header.navbar .nav-link,body:has(.quiz-container) header.navbar .navbar-links a,body:has(.reading-section) header.navbar .nav-link,body:has(.reading-section) header.navbar .navbar-links a,body:has(.results-container) header.navbar .nav-link,body:has(.results-container) header.navbar .navbar-links a,body:has(.writing-section) header.navbar .nav-link,body:has(.writing-section) header.navbar .navbar-links a{color:#e6ecf3!important}body:has(.question-container) header.navbar .nav-link:hover,body:has(.question-container) header.navbar .navbar-links a:hover,body:has(.quiz-container) header.navbar .nav-link:hover,body:has(.quiz-container) header.navbar .navbar-links a:hover,body:has(.reading-section) header.navbar .nav-link:hover,body:has(.reading-section) header.navbar .navbar-links a:hover,body:has(.results-container) header.navbar .nav-link:hover,body:has(.results-container) header.navbar .navbar-links a:hover,body:has(.writing-section) header.navbar .nav-link:hover,body:has(.writing-section) header.navbar .navbar-links a:hover{background:#ffffff1a;color:#fff!important}.navbar-hamburger{background:#0000;border:0;border-radius:10px;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:6px;position:relative;z-index:1101}header.navbar .navbar-hamburger .hamburger-bar{background-color:#fff!important;border-radius:2px;display:block!important;height:2px!important;opacity:.95;width:22px!important}header.navbar .navbar-hamburger:not(:has(.hamburger-bar)):before{background:linear-gradient(#fff,#fff) 0 0/100% 2px no-repeat,linear-gradient(#fff,#fff) 0 6px/100% 2px no-repeat,linear-gradient(#fff,#fff) 0 12px/100% 2px no-repeat;border-radius:2px;content:"";height:14px;left:50%;opacity:.95;position:absolute;top:50%;transform:translate(-50%,-50%);width:22px}@media (max-width:760px){.navbar-hamburger{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;display:inline-flex;grid-column:3;height:34px;justify-content:center;justify-self:end;width:40px}.navbar .navbar-links{background:linear-gradient(180deg,#121922,#0d131a);border:1px solid #ffffff14;border-radius:14px;box-shadow:0 10px 26px -12px #000000b3;display:none!important;flex-direction:column;gap:6px;left:auto;padding:8px;position:absolute;right:12px;top:58px;z-index:1000}.navbar .navbar-links.open{display:flex!important}}@media (min-width:761px){.navbar .navbar-links{background:none;border:0;box-shadow:none;display:flex!important;gap:1.1rem;padding:0;position:static}.navbar-hamburger{display:none!important}}@media (max-width:760px){header.navbar nav{align-items:center;display:grid;grid-template-columns:1fr auto 1fr;position:relative}header.navbar .navbar-logo-details{grid-column:2;justify-self:center}header.navbar .navbar-hamburger{grid-column:3;justify-self:end}}.hero{background:radial-gradient(circle at 18% 22%,#6e5cff47,#0000 62%),radial-gradient(circle at 78% 68%,#fa6ac438,#0000 70%),linear-gradient(135deg,#121b29,#121923 50%,#111722);background:radial-gradient(circle at 18% 22%,var(--fp-veil-1),#0000 62%),radial-gradient(circle at 78% 68%,var(--fp-veil-2),#0000 70%),linear-gradient(135deg,#121b29 0,#121923 50%,#111722 100%);border-radius:0 0 48px 48px;isolation:isolate;overflow:hidden;padding:clamp(4.5rem,9vw,7.2rem) clamp(1.2rem,3vw,2.2rem) clamp(3.5rem,7vw,6rem);position:relative;text-align:center}.hero:after{background:linear-gradient(180deg,#ffffff14,#fff0 45%),radial-gradient(circle at 50% 120%,#ffffff1f,#0000 70%);content:"";inset:0;mix-blend-mode:overlay;opacity:.6;pointer-events:none;position:absolute}.hero h1{filter:drop-shadow(0 6px 26px rgba(115,95,255,.3));font-size:clamp(2.6rem,6.4vw,4.1rem);font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:0 0 1.2rem}.hero p{color:#98a6b8;color:var(--fp-text-dim);font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.55;margin:0 auto 2.3rem;max-width:780px}.hero .cta-group,.hero__actions{display:flex;flex-wrap:wrap;gap:.95rem;justify-content:center}.hero .btn,.hero a.btn{--grad:linear-gradient(135deg,#5d78ff,#9c5dff);background:var(--grad);border:0;border-radius:18px;box-shadow:0 8px 32px -8px #775cff80;box-shadow:var(--fp-glow);color:#fff;font-size:.95rem;font-weight:600;overflow:hidden;padding:.95rem 1.55rem;position:relative;transition:.16s cubic-bezier(.4,.2,.2,1);transition:var(--fp-trans)}.hero .btn:before{background:linear-gradient(95deg,#ffffff73,#fff0 55%);content:"";inset:0;opacity:0;position:absolute;transition:inherit}.hero .btn:hover{box-shadow:0 10px 38px -8px #7d62ffa6;transform:translateY(-4px)}.hero .btn:hover:before{opacity:.55}.hero .btn--ghost{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;box-shadow:0 4px 20px -4px #0000008c}.hero .btn--ghost:hover{background:#ffffff29}.centered-intro,.hero .hero-intro,.pricing .pricing-intro,.pricing-heading+p{color:#bcc8d5;color:var(--fp-text-mid);font-size:.95rem;line-height:1.55;margin:.6rem auto 2.2rem;max-width:760px;text-align:center}.centered-intro.tight{margin-bottom:1.9rem;max-width:640px}.test-grid{margin-top:1rem}.test-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0a!important;background:var(--fp-surface-glass)!important;border:1px solid #ffffff17!important;border:1px solid var(--fp-border)!important;box-shadow:0 4px 18px -6px #0009;overflow:hidden;position:relative}.test-card,.test-card:before{transition:.42s cubic-bezier(.6,.2,.1,1);transition:var(--fp-trans-slow)}.test-card:before{background:linear-gradient(140deg,#785fff59,#0000 55%);background:linear-gradient(140deg,var(--fp-veil-strong),#0000 55%);content:"";inset:0;opacity:0;position:absolute}.test-card:hover{border-color:#ffffff2e!important;border-color:var(--fp-border-strong)!important;box-shadow:0 10px 34px -8px #000000b3,0 0 0 1px #8c78ff40;transform:translateY(-6px)}.test-card:hover:before{opacity:.9}.test-categories h2{background:linear-gradient(135deg,#5d78ff,#7d66ff 35%,#9c5dff 65%,#f056c7);background:var(--fp-accent-grad);-webkit-background-clip:text;color:#0000;font-weight:800;letter-spacing:-.4px;margin:0 0 .9rem}.test-categories .test-grid{gap:1.2rem}.test-categories .test-card{background:linear-gradient(170deg,#5d78ff24,#9c5dff1a) 0 0 /cover no-repeat,#ffffff0a!important;background:linear-gradient(170deg,var(--fp-card-tint-1),var(--fp-card-tint-2)) 0 0 /cover no-repeat,var(--fp-surface-glass)!important;border:1px solid #ffffff2e!important;border:1px solid var(--fp-border-strong)!important;border-radius:18px;box-shadow:0 8px 26px -12px #000000a6,0 0 0 1px #8c6eff2e;color:#d8e2ec;color:var(--fp-text-strong);cursor:pointer;overflow:hidden;transition:.42s cubic-bezier(.6,.2,.1,1);transition:var(--fp-trans-slow)}.test-categories .test-card .icon{border-radius:14px;box-shadow:inset 0 0 0 1px #ffffff0f;isolation:isolate;overflow:hidden;position:relative}.test-categories .test-card .test-image{display:block;height:auto;object-fit:cover;transform:scale(1);transition:transform .42s cubic-bezier(.6,.2,.1,1),filter .42s cubic-bezier(.6,.2,.1,1);transition:transform var(--fp-trans-slow),filter var(--fp-trans-slow);width:100%}.test-categories .test-card .icon:after{background:linear-gradient(180deg,#0a0f1900 35%,#0a0f1947);content:"";inset:0;pointer-events:none;position:absolute}.test-categories .test-card h3{color:#fff;font-weight:700;letter-spacing:.2px;margin:.75rem 0 .25rem}.test-categories .test-card p{color:#bcc8d5;color:var(--fp-text-mid);line-height:1.5;margin:0 0 .2rem}.test-categories .test-card:hover{border-color:#ffffff38!important;box-shadow:0 14px 36px -12px #000000b3,0 0 0 1px #8c6eff47;transform:translateY(-6px)}.test-categories .test-card:hover .test-image{filter:saturate(1.05);transform:scale(1.04)}.test-categories .test-card:active{transform:translateY(-2px)}.test-categories .test-icon{align-items:center;background:radial-gradient(circle at 30% 30%,#fff3,#ffffff0f 70%),linear-gradient(135deg,#5d78ff59,#9c5dff40);border:1px solid #ffffff24;border-radius:16px;box-shadow:0 4px 16px -6px #0000008c,0 0 0 1px #8c6eff29;color:#fff;display:inline-flex;height:68px;justify-content:center;margin:.35rem 0 .5rem;transition:transform .42s cubic-bezier(.6,.2,.1,1),box-shadow .42s cubic-bezier(.6,.2,.1,1),filter .42s cubic-bezier(.6,.2,.1,1);transition:transform var(--fp-trans-slow),box-shadow var(--fp-trans-slow),filter var(--fp-trans-slow);width:68px}.test-categories .test-icon i{filter:drop-shadow(0 4px 12px rgba(0,0,0,.35));font-size:28px}.test-categories .test-card:hover .test-icon{box-shadow:0 10px 26px -10px #000000b3,0 0 0 1px #8c6eff3d;transform:translateY(-2px) scale(1.03)}.pricing{background:linear-gradient(180deg,#141b24,#0f151d);margin:0;padding:clamp(4rem,8vw,6rem) 0 clamp(3.2rem,6vw,5rem);position:relative}.pricing:before{background:radial-gradient(circle at 25% 15%,#6e5cff47,#0000 60%),radial-gradient(circle at 80% 85%,#fa6ac438,#0000 65%);background:radial-gradient(circle at 25% 15%,var(--fp-veil-1),#0000 60%),radial-gradient(circle at 80% 85%,var(--fp-veil-2),#0000 65%);content:"";inset:0;mix-blend-mode:plus-lighter;opacity:.55;pointer-events:none;position:absolute}.pricing h2,.pricing-heading{background:linear-gradient(135deg,#5d78ff,#7d66ff 35%,#9c5dff 65%,#f056c7);background:var(--fp-accent-grad);-webkit-background-clip:text;color:#0000;font-size:clamp(2.2rem,4.5vw,3.1rem);font-weight:800;letter-spacing:-.5px;margin:0 0 2.4rem;text-align:center}.pricing-subnote{color:#98a6b8;color:var(--fp-text-dim);font-size:.8rem;margin:-1rem 0 1.4rem;opacity:.95;text-align:center}.pricing-cards,.pricing-plans{grid-gap:1.9rem;align-items:stretch;display:grid;gap:1.9rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0 auto;padding:0 clamp(1.2rem,3vw,2.2rem);width:min(1200px,100%)}.price-card,.pricing-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(160deg,#ffffff0f,#ffffff05);border:1px solid #ffffff17;border:1px solid var(--fp-border);border-radius:24px;box-shadow:0 6px 26px -10px #000000a6;display:flex;flex-direction:column;gap:.85rem;height:100%;overflow:hidden;padding:1.9rem 1.6rem 2.2rem;position:relative;transition:.42s cubic-bezier(.6,.2,.1,1);transition:var(--fp-trans-slow)}.price-card.featured,.pricing-card.featured,.pricing-card.featured:after,.pricing-cards .pricing-card:hover,.pricing-plans .price-card:hover{border-color:#785fffbf;box-shadow:0 10px 40px -10px #7d62ffa6}.pricing-cards:hover .pricing-card.featured:not(:hover),.pricing-plans:hover .price-card.featured:not(:hover){border-color:#ffffff17;border-color:var(--fp-border);box-shadow:0 6px 26px -10px #000000a6}.price-card:hover,.pricing-card:hover{border-color:#ffffff2e;border-color:var(--fp-border-strong);transform:translateY(-8px)}.price-card h3,.pricing-card h3{color:#fff;font-size:1.15rem;font-weight:600;letter-spacing:.3px;margin:0}.price-card .price,.pricing-card .price{background:linear-gradient(135deg,#5d78ff,#7d66ff 35%,#9c5dff 65%,#f056c7);background:var(--fp-accent-grad);-webkit-background-clip:text;color:#0000;font-size:2.6rem;font-weight:700;letter-spacing:-1px;line-height:1.1;margin-top:.4rem;text-align:center}.price-card .price .price-duration,.pricing-card .price .price-duration{background:none!important;-webkit-background-clip:initial!important;color:#e6ecf3;font-size:.6em;font-weight:600;letter-spacing:.1px;margin-left:.35ch;white-space:nowrap}.plan-top{align-items:center;display:flex;flex-direction:column;gap:.45rem;min-height:clamp(100px,18vw,130px)}.plan-savings,.plan-subtitle{color:#bcc8d5;color:var(--fp-text-mid);font-size:.9rem;margin:0;text-align:center}.plan-features{flex:1 1 auto;margin-top:1rem!important}.price-card .btn,.pricing-card .btn{margin-top:auto!important}.price-card ul,.pricing-card ul{color:#e2eaf2;color:var(--fp-text-feature);display:flex;flex-direction:column;font-size:.88rem;font-weight:500;gap:.55rem;letter-spacing:.15px;line-height:1.55;list-style:none;margin:.4rem 0 1.1rem;padding:0}.price-card ul li,.pricing-card ul li{align-items:flex-start;color:#e2eaf2;color:var(--fp-text-feature);display:flex;gap:.4rem;padding-left:0;position:relative}.price-card ul li:before,.pricing-card ul li:before{color:#9ff2ff;content:"✔";flex-shrink:0;font-size:.65rem;margin-right:.55rem;opacity:1;transform:translateY(2px)}.price-card ul li+li,.pricing-card ul li+li{border-top:1px solid #ffffff14;border-top:1px solid var(--fp-feature-separator);margin-top:.55rem;padding-top:.55rem}.price-card:hover ul,.pricing-card:hover ul{color:#e2eaf2;color:var(--fp-text-feature)}.price-card>p,.pricing-card>p{color:#bcc8d5;color:var(--fp-text-mid);font-size:.82rem;line-height:1.55;margin:.15rem 0 .85rem}.price-card.featured ul,.pricing-card.featured ul{color:#e2eaf2;color:var(--fp-text-feature)}.price-card.featured ul li:before,.pricing-card.featured ul li:before{color:#b5f8ff}.price-card:has(button:disabled) ul,.pricing-card:has(button:disabled){color:#d8e2ec;color:var(--fp-text-strong)}@media (prefers-contrast:more){.price-card ul,.price-card ul li,.pricing-card ul,.pricing-card ul li{color:#e2eaf2;color:var(--fp-text-feature)}}.price-card .btn,.pricing-card .btn{background:linear-gradient(135deg,#5d78ff,#9c5dff);border:0;border-radius:14px;box-shadow:0 4px 18px -6px #785fff8c;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;letter-spacing:.4px;margin-top:.4rem;padding:.85rem 1.2rem;transition:.16s cubic-bezier(.4,.2,.2,1);transition:var(--fp-trans);width:100%}.price-card .btn:hover,.pricing-card .btn:hover{box-shadow:0 10px 30px -10px #785fffbf;transform:translateY(-3px)}.payment-badge{align-self:center;background:#22c55e2e;border:1px solid #22c55e73;border-radius:999px;color:#d1fae5;font-size:.75rem;font-weight:700;letter-spacing:.2px;margin-top:.25rem;padding:4px 10px;text-transform:none}.no-renewal-tag{font-size:.78rem;margin-top:10px;opacity:.95}.no-renewal-tag,.plan-footer-note{color:#bcc8d5;color:var(--fp-text-mid);text-align:center}.plan-footer-note{font-size:.75rem;margin:.6rem 0 0}.plan-footer-note.no-renewal-tag{align-items:baseline;display:inline-flex;gap:.35rem;justify-content:center;width:100%}.plan-footer-note.no-renewal-tag:before{content:"🔒";font-size:1em;line-height:1;transform:translateY(1px)}.plan-access-label{color:#d8e2ec;color:var(--fp-text-strong);font-size:.9rem;font-weight:700;margin-top:2px;text-align:center}footer{background:linear-gradient(180deg,#121922,#0d131a);border-top:1px solid #ffffff0f;margin-top:clamp(4rem,8vw,7rem);padding:clamp(3rem,6vw,4.5rem) 0 3.2rem;position:relative}footer:before{background:radial-gradient(circle at 20% 15%,#6e5cff47,#0000 60%),radial-gradient(circle at 80% 85%,#fa6ac438,#0000 65%);background:radial-gradient(circle at 20% 15%,var(--fp-veil-1),#0000 60%),radial-gradient(circle at 80% 85%,var(--fp-veil-2),#0000 65%);content:"";inset:0;mix-blend-mode:plus-lighter;opacity:.6;pointer-events:none;position:absolute}.footer-contact,.footer-content,.footer-links,.social-icons{align-items:center;display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center}.footer-links a{color:#98a6b8;color:var(--fp-text-dim);font-size:.8rem;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-decoration:none;transition:.16s cubic-bezier(.4,.2,.2,1);transition:var(--fp-trans)}.footer-links a:hover{color:#fff}.footer-contact p{color:#98a6b8;color:var(--fp-text-dim);font-size:.75rem;margin:0}.social-icons a{color:#fff;font-size:1.35rem;opacity:.85;transition:.16s cubic-bezier(.4,.2,.2,1);transition:var(--fp-trans)}.social-icons a:hover{color:#cdbdff;opacity:1}.copyright,copyright{color:#98a6b8;color:var(--fp-text-dim);display:block;font-size:.65rem;letter-spacing:.8px;margin-top:1.8rem;opacity:.55;text-align:center;text-transform:uppercase}.site-footer{background:linear-gradient(180deg,#101721,#0c1218);border-top:1px solid #ffffff0f;margin-top:5rem;margin-top:var(--footer-gap);overflow:hidden;padding:clamp(2.8rem,6vw,4rem) clamp(1.2rem,3vw,2.2rem) 2.4rem;position:relative;transform:none}.site-footer:before{background:radial-gradient(circle at 18% 25%,#6e5cff47,#0000 65%),radial-gradient(circle at 82% 75%,#fa6ac438,#0000 70%);background:radial-gradient(circle at 18% 25%,var(--fp-veil-1),#0000 65%),radial-gradient(circle at 82% 75%,var(--fp-veil-2),#0000 70%);content:"";inset:0;mix-blend-mode:plus-lighter;opacity:.55;pointer-events:none;position:absolute}.footer-inner{grid-gap:2.2rem;display:grid;gap:2.2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 auto;position:relative;width:min(1180px,100%);z-index:1}.footer-col{display:flex;flex-direction:column;gap:.75rem}.footer-col.footer-follow{align-items:center;text-align:center}.footer-col.footer-follow .footer-label{text-align:center;width:100%}.footer-col.footer-follow .footer-social{justify-content:center}.footer-label{color:#98a6b8;color:var(--fp-text-dim);font-size:.78rem;font-weight:600;letter-spacing:.85px;margin:0;opacity:.85;text-transform:uppercase}.footer-mail{color:#fff;font-size:.9rem;font-weight:500;text-decoration:none;transition:.16s cubic-bezier(.4,.2,.2,1);transition:var(--fp-trans);word-break:break-all}.footer-mail:hover{color:#9c5dff;color:var(--fp-accent-alt)}.footer-social{display:flex;flex-wrap:wrap;gap:.6rem}.social-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:14px;color:#98a6b8;color:var(--fp-text-dim);display:flex;height:38px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:.16s cubic-bezier(.4,.2,.2,1);transition:var(--fp-trans);width:38px}.social-btn:hover{background:linear-gradient(140deg,#785fff40,#ff78c826);border-color:#ffffff47;box-shadow:0 4px 18px -6px #0009;color:#fff}.footer-bottom{border-top:1px solid #ffffff12;margin:2.4rem auto 0;padding-top:1.4rem;position:relative;text-align:center;width:min(1180px,100%);z-index:1}.footer-bottom small{color:#98a6b8;color:var(--fp-text-dim);font-size:.65rem;letter-spacing:.7px;opacity:.65;text-transform:uppercase}.footer-brand{gap:.65rem}.brand-logo{align-items:center;border-radius:18px;display:inline-flex;gap:.7rem;isolation:isolate;padding:4px 2px 6px;position:relative;text-decoration:none;transition:.42s cubic-bezier(.6,.2,.1,1);transition:var(--fp-trans-slow)}.brand-icon{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle at 30% 30%,#ffffff40,#ffffff0d 70%);border-radius:14px;box-shadow:0 4px 18px -6px #0000008c,0 0 0 1px #ffffff12;display:flex;height:46px;justify-content:center;width:46px}.brand-word{background:linear-gradient(135deg,#5d78ff,#7d66ff 35%,#9c5dff 65%,#f056c7);background:var(--fp-accent-grad);-webkit-background-clip:text;color:#0000;filter:drop-shadow(0 4px 16px rgba(120,95,255,.35));filter:drop-shadow(0 4px 16px var(--fp-glow-tint));font-size:1.05rem;font-weight:700;letter-spacing:.3px;position:relative}.brand-dot{background:linear-gradient(135deg,#ff9ad9,#ffd1ff);-webkit-background-clip:text;color:#0000;font-weight:800;margin-left:1px}.brand-logo:hover{text-shadow:0 4px 22px #785fff80;transform:translateY(-4px)}.brand-tagline{color:#98a6b8;color:var(--fp-text-dim);font-size:.65rem;letter-spacing:.9px;margin:.15rem 0 0;opacity:.7;text-transform:uppercase}@media (max-width:620px){.brand-word{font-size:.95rem}.brand-icon{height:42px;width:42px}}@media (max-width:640px){.site-footer .footer-col.footer-brand{align-items:center;text-align:center}.site-footer .footer-col.footer-brand .brand-logo{margin-left:auto;margin-right:auto}}@media (max-width:760px){header.navbar{border-radius:0 0 18px 18px;padding:12px 18px}.hero{border-radius:0 0 38px 38px;padding-top:clamp(3.5rem,11vw,4.7rem)}.pricing-cards,.pricing-plans{gap:1.25rem}}a:focus-visible,button:focus-visible{border-radius:10px;box-shadow:0 0 0 3px #6d5efc59;box-shadow:var(--fp-focus-ring);outline:none}.fp-section{margin:clamp(3.5rem,7vw,5.5rem) auto 0;padding:0 clamp(1.2rem,3vw,2.4rem);position:relative;width:min(1180px,100%)}main+.fp-section{margin-top:0}.fp-section:empty,.fp-section:not(:has(>*)){display:none!important}.fp-section-heading{background:linear-gradient(135deg,#5d78ff,#7d66ff 35%,#9c5dff 65%,#f056c7);background:var(--fp-accent-grad);-webkit-background-clip:text;color:#0000;font-size:clamp(2rem,4.2vw,2.85rem);font-weight:800;letter-spacing:-.5px;margin:0 0 1.1rem;text-align:center}.fp-section-lead{color:#bcc8d5;color:var(--fp-text-mid);font-size:1rem;line-height:1.6;margin:0 auto 2.3rem;max-width:860px;text-align:center}.app-shell{display:flow-root;flex:1 0 auto;margin-bottom:0;padding-bottom:1px}.app-root{display:flex;flex-direction:column;min-height:100dvh}.about-section{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff0a,hsla(0,0%,100%,.015));border:1px solid #ffffff17;border:1px solid var(--fp-border);border-radius:34px;overflow:hidden;padding:clamp(2.2rem,4.5vw,3.5rem) clamp(1.4rem,3.2vw,2.6rem);position:relative}.about-section:after,.about-section:before{content:"";inset:0;pointer-events:none;position:absolute}.about-section:before{background:radial-gradient(circle at 18% 25%,#6e5cff47,#0000 65%),radial-gradient(circle at 82% 78%,#fa6ac438,#0000 70%);background:radial-gradient(circle at 18% 25%,var(--fp-veil-1),#0000 65%),radial-gradient(circle at 82% 78%,var(--fp-veil-2),#0000 70%);mix-blend-mode:plus-lighter;opacity:.55}.about-section:after{background:linear-gradient(180deg,#ffffff1a,#0000 55%);opacity:.35}.about-grid{grid-gap:clamp(1.8rem,3.2vw,2.6rem);display:grid;gap:clamp(1.8rem,3.2vw,2.6rem);grid-template-columns:1fr}@media (min-width:880px){.about-grid{align-items:start;grid-template-columns:1.05fr .95fr}}.about-text p{color:#bcc8d5;color:var(--fp-text-mid);font-size:.98rem;line-height:1.62;margin:0 0 1.15rem}.about-highlight{background:linear-gradient(90deg,#253044,#1b232f);border:1px solid #ffffff17;border:1px solid var(--fp-border);border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff0a,0 4px 14px -6px #0000008c;color:#d8e2ec;color:var(--fp-text-strong);font-size:.85rem;line-height:1.5;padding:1rem 1.1rem 1.1rem}.faq-section{margin-top:clamp(3rem,6vw,4.5rem)}.about-section .faq-section{margin-top:0}@media (max-width:879px){.about-section .faq-section{margin-top:2.2rem}}.faq-list{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:880px}.faq-item{background:linear-gradient(140deg,#ffffff0d,hsla(0,0%,100%,.015));border:1px solid #ffffff17;border:1px solid var(--fp-border);border-radius:18px;overflow:hidden;position:relative;transition:.16s cubic-bezier(.4,.2,.2,1);transition:var(--fp-trans)}.faq-item summary{align-items:flex-start;color:#d8e2ec;color:var(--fp-text-strong);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;letter-spacing:.25px;list-style:none;padding:1rem 1.1rem 1rem 1.2rem;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{color:#9c5dff;color:var(--fp-accent-alt);content:"▸";font-size:.85rem;line-height:1.4;transform:translateY(2px);transition:.16s cubic-bezier(.4,.2,.2,1);transition:var(--fp-trans)}.faq-item[open] summary:before{color:#ffd9ff;transform:rotate(90deg) translateY(2px)}.faq-item[open]{border-color:#ffffff2e;border-color:var(--fp-border-strong);box-shadow:0 6px 24px -8px #000000a6,0 0 0 1px #8c6eff40}.faq-item .faq-body{border-top:1px solid #ffffff12;color:#bcc8d5;color:var(--fp-text-mid);font-size:.85rem;line-height:1.55;padding:0 1.2rem 1.15rem 2rem}.faq-item .faq-body p{margin:.85rem 0 0}.faq-item summary:focus-visible{border-radius:12px;box-shadow:0 0 0 3px #785fff80;outline:none}.testimonials-alt{margin-top:clamp(3.5rem,7vw,5rem)}.testimonials-grid{grid-gap:1.4rem;display:grid;gap:1.4rem;grid-template-columns:1fr;margin-top:1.4rem}@media (min-width:860px){.testimonials-grid{grid-template-columns:1fr 1fr}}.testimonial-alt{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(160deg,#ffffff0f,#ffffff05);border:1px solid #ffffff17;border:1px solid var(--fp-border);border-radius:20px;color:#bcc8d5;color:var(--fp-text-mid);font-size:.82rem;line-height:1.5;padding:1.15rem 1rem 1.3rem;position:relative;transition:var (--fp-trans)}.testimonial-alt:before{background:linear-gradient(140deg,#785fff59,#0000 60%);background:linear-gradient(140deg,var(--fp-veil-strong),#0000 60%);content:"";inset:0;opacity:0;position:absolute;transition:.16s cubic-bezier(.4,.2,.2,1);transition:var(--fp-trans)}.testimonial-alt:hover{border-color:#ffffff2e;border-color:var(--fp-border-strong);box-shadow:0 8px 26px -8px #000000a6,0 0 0 1px #8c6eff38;color:var (--fp-text-strong);transform:translateY(-6px)}.testimonial-alt:hover:before{opacity:.85}.testimonial-alt .t-name{align-items:center;color:#fff;display:flex;font-size:.75rem;font-weight:600;gap:.55rem;letter-spacing:.6px;margin-top:.95rem;opacity:.9;text-transform:uppercase}.testimonial-alt .t-role{color:#98a6b8;color:var(--fp-text-dim);font-size:.65rem;font-weight:500;letter-spacing:.8px;margin-left:2px}.testimonial-alt .t-quote{background:linear-gradient(135deg,#5d78ff,#7d66ff 35%,#9c5dff 65%,#f056c7);background:var(--fp-accent-grad);-webkit-background-clip:text;color:#0000;font-size:2.3rem;font-weight:700;line-height:1;opacity:.35;pointer-events:none;position:absolute;right:14px;top:10px}.trust-panel{grid-gap:clamp(1.4rem,2.5vw,2rem);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffff0d,hsla(0,0%,100%,.015)) border-box;border:1px solid #ffffff17;border:1px solid var(--fp-border);border-radius:28px;display:grid;gap:clamp(1.4rem,2.5vw,2rem);grid-template-columns:1fr;margin:3rem auto 0;overflow:hidden;padding:clamp(1.8rem,3.8vw,2.6rem) clamp(1.4rem,3.2vw,2.6rem);position:relative;width:min(1100px,100%)}.trust-panel__grid{grid-gap:clamp(1rem,2.2vw,1.4rem);display:grid;gap:clamp(1rem,2.2vw,1.4rem);grid-template-columns:1fr}@media (min-width:820px){.trust-panel__grid{grid-template-columns:1fr 1fr;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.trust-item{align-items:flex-start;background:linear-gradient(160deg,#ffffff0f,hsla(0,0%,100%,.015));border:1px solid #ffffff17;border:1px solid var(--fp-border);border-radius:20px;display:flex;gap:1rem;overflow:hidden;padding:1.2rem 1.1rem 1.25rem;position:relative}.trust-item,.trust-item:after{transition:.42s cubic-bezier(.6,.2,.1,1);transition:var(--fp-trans-slow)}.trust-item:after{background:linear-gradient(140deg,#785fff59,#0000 55%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute}.trust-item:hover{border-color:#ffffff2e;border-color:var(--fp-border-strong);box-shadow:0 6px 26px -10px #0009,0 0 0 1px #8c6eff38;transform:translateY(-4px)}.trust-item:hover:after{opacity:.85}.trust-item__icon{align-items:center;background:radial-gradient(circle at 30% 30%,#785fff80,#785fff26 70%);border-radius:16px;box-shadow:0 4px 20px -6px #0009,0 0 0 1px #ffffff0f;color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.trust-item__body h3{color:#fff;font-size:.95rem;font-weight:600;letter-spacing:.4px;margin:0 0 .45rem}.trust-item__body p{color:#bcc8d5;color:var(--fp-text-mid);font-size:.78rem;line-height:1.5;margin:0}.trust-item__body a{color:#5d78ff;color:var(--fp-accent);font-weight:600;text-decoration:none}.trust-item__body a:hover{color:#fff;text-decoration:underline}@media (max-width:460px){.trust-item{flex-direction:column;text-align:left}.trust-item__icon{height:50px;width:50px}}.fx-fade-up{animation:fxFadeUp .7s cubic-bezier(.4,.2,.2,1) .16s forwards;animation:fxFadeUp .7s var(--fp-trans) forwards;opacity:0;transform:translateY(14px)}@keyframes fxFadeUp{to{opacity:1;transform:none}}.section-intro{background:radial-gradient(circle at 18% 22%,#6e5cff47,#0000 62%),radial-gradient(circle at 78% 68%,#fa6ac438,#0000 70%),linear-gradient(135deg,#121b29,#121923 50%,#111722);border-radius:0 0 32px 32px;isolation:isolate;overflow:hidden;padding:clamp(3.2rem,7vw,5rem) 0 clamp(2rem,5vw,3rem);position:relative;text-align:center}.section-intro:after{background:linear-gradient(180deg,#ffffff14,#fff0 45%),radial-gradient(circle at 50% 120%,#ffffff1f,#0000 70%);content:"";inset:0;mix-blend-mode:overlay;opacity:.5;pointer-events:none;position:absolute}.section-intro__title{background:linear-gradient(135deg,#5d78ff,#7d66ff 35%,#9c5dff 65%,#f056c7);background:var(--fp-accent-grad);-webkit-background-clip:text;color:#0000;filter:drop-shadow(0 6px 26px rgba(115,95,255,.28));font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.02em;line-height:1.08;margin:.65rem 0 .6rem}.section-intro__lead{color:#98a6b8;color:var(--fp-text-dim);font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.55;margin:0 auto;max-width:820px}.section-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(170deg,#ffffff0f,#ffffff05);border:1px solid #ffffff17;border:1px solid var(--fp-border);border-radius:22px;box-shadow:0 6px 28px -12px #0000008c;margin-top:clamp(1.2rem,3vw,1.8rem);padding:clamp(1rem,2.5vw,1.6rem)}.section-card .button-grid,.section-card .exam-list,.section-card .test-grid,.section-card .test-list,.section-card .tests-grid{grid-gap:1rem;align-items:stretch;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.section-card a,.section-card button{align-items:center;background:linear-gradient(135deg,#5d78ff,#9c5dff)!important;border:1px solid #ffffff26!important;border-radius:14px;box-shadow:0 8px 24px -10px #7d62ffa6;color:#fff!important;display:inline-flex;font-weight:600;justify-content:center;letter-spacing:.15px;min-height:48px;padding:12px 16px;text-decoration:none;transition:.42s cubic-bezier(.6,.2,.1,1);transition:var(--fp-trans-slow)}.section-card a:hover,.section-card button:hover{box-shadow:0 16px 38px -12px #7d62ffbf;filter:saturate(1.12);transform:translateY(-3px)}.section-card a:active,.section-card button:active{transform:translateY(-1px)}.section-card a:focus-visible,.section-card button:focus-visible{box-shadow:0 0 0 3px #6d5efc59,0 12px 32px -12px #7d62ffbf;box-shadow:var(--fp-focus-ring),0 12px 32px -12px #7d62ffbf;outline:none}.section-card .secondary{background:linear-gradient(135deg,#65758b,#475569)!important;border-color:#ffffff1f!important;box-shadow:0 8px 22px -12px #1e293b99}.section-card .secondary:hover{box-shadow:0 14px 30px -12px #1e293bb3}@media (max-width:640px){.section-intro{border-radius:0 0 24px 24px}.section-card{border-radius:18px}}.progress-feature{grid-gap:clamp(1rem,2.5vw,1.6rem);align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(170deg,#ffffff0f,#ffffff05);border:1px solid #ffffff17;border:1px solid var(--fp-border);border-radius:22px;box-shadow:0 6px 28px -12px #0000008c;display:grid;gap:clamp(1rem,2.5vw,1.6rem);grid-template-columns:1fr;padding:clamp(1.2rem,3vw,1.8rem)}.progress-feature__lead{color:#bcc8d5;color:var(--fp-text-mid);line-height:1.55;margin:0 0 1rem}.progress-feature__cta{align-items:center;background:linear-gradient(135deg,#5d78ff,#9c5dff)!important;border:1px solid #ffffff26!important;border-radius:14px;box-shadow:0 8px 24px -10px #7d62ffa6;color:#fff!important;display:inline-flex;font-weight:600;justify-content:center;letter-spacing:.15px;min-height:44px;padding:10px 16px;text-decoration:none;transition:.42s cubic-bezier(.6,.2,.1,1);transition:var(--fp-trans-slow)}.progress-feature__cta:hover{box-shadow:0 14px 36px -12px #7d62ffbf;filter:saturate(1.06);transform:translateY(-2px)}.progress-feature__media{margin:0}.progress-feature__media img{border:1px solid #ffffff17;border:1px solid var(--fp-border);border-radius:16px;box-shadow:0 10px 30px -12px #0009;display:block;height:auto;width:100%}.progress-feature__media figcaption{color:#98a6b8;color:var(--fp-text-dim);font-size:.75rem;margin-top:.5rem;opacity:.85;text-align:center}.corrections-feature,.progress-feature{grid-gap:clamp(1rem,2.5vw,1.6rem);align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(170deg,#ffffff0f,#ffffff05);border:1px solid #ffffff17;border:1px solid var(--fp-border);border-radius:22px;box-shadow:0 6px 28px -12px #0000008c;display:grid;gap:clamp(1rem,2.5vw,1.6rem);grid-template-columns:1fr;padding:clamp(1.2rem,3vw,1.8rem)}.corrections-feature__lead,.progress-feature__lead{color:#bcc8d5;color:var(--fp-text-mid);line-height:1.55;margin:0 0 1rem}.corrections-feature__cta,.progress-feature__cta{align-items:center;background:linear-gradient(135deg,#5d78ff,#9c5dff)!important;border:1px solid #ffffff26!important;border-radius:14px;box-shadow:0 8px 24px -10px #7d62ffa6;color:#fff!important;display:inline-flex;font-weight:600;justify-content:center;letter-spacing:.15px;min-height:44px;padding:10px 16px;text-decoration:none;transition:.42s cubic-bezier(.6,.2,.1,1);transition:var(--fp-trans-slow)}.corrections-feature__cta:hover,.progress-feature__cta:hover{box-shadow:0 14px 36px -12px #7d62ffbf;filter:saturate(1.06);transform:translateY(-2px)}.corrections-feature__media,.progress-feature__media{margin:0}.corrections-feature__media img,.progress-feature__media img{border:1px solid #ffffff17;border:1px solid var(--fp-border);border-radius:16px;box-shadow:0 10px 30px -12px #0009;display:block;height:auto;width:100%}.corrections-feature__media figcaption,.progress-feature__media figcaption{color:#98a6b8;color:var(--fp-text-dim);font-size:.75rem;margin-top:.5rem;opacity:.85;text-align:center}.corrections-gallery{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.corrections-feature__media--large{display:grid;justify-items:center}.corrections-feature__media--large img{max-width:1200px;width:100%}@media (min-width:860px){.progress-feature{grid-template-columns:1.05fr .95fr}}.corrections-feature.corrections-feature--full{grid-template-columns:1fr!important}.corrections-feature--full .corrections-feature__media{justify-self:center}@media (min-width:860px){.corrections-feature{grid-template-columns:1.05fr .95fr}.corrections-gallery{grid-template-columns:1fr}.corrections-feature,.progress-feature{grid-template-columns:1.05fr .95fr}.corrections-gallery{grid-template-columns:1fr 1fr}}.corrections-feature--single{grid-template-columns:1fr!important}.corrections-feature--single .corrections-feature__media{justify-self:center}.corrections-feature--emphasis{grid-template-columns:1fr}@media (min-width:860px){.corrections-feature--emphasis{grid-template-columns:1.05fr .95fr}}#corrections .corrections-feature+.corrections-feature{margin-top:clamp(.8rem,2vw,1.4rem)}#corrections .corrections-feature{grid-template-columns:1.05fr .95fr}@media (min-width:860px){#corrections .corrections-feature{grid-template-columns:1.05fr .95fr!important}}@media (max-width:860px){#corrections .corrections-feature,.corrections-feature,.progress-feature{grid-template-columns:1fr!important}.corrections-feature__content,.progress-feature__content{order:1}.corrections-feature__media,.progress-feature__media{justify-self:center;order:2}.corrections-feature__media img,.progress-feature__media img{height:auto;max-width:100%}}.listening-explainer,.reading-explainer,.speaking-explainer,.writing-explainer{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(170deg,#ffffff0f,#ffffff05);border:1px solid #ffffff17;border:1px solid var(--fp-border);border-radius:22px;box-shadow:0 6px 28px -12px #0000008c;padding:clamp(1rem,2.5vw,1.6rem);text-align:left}.listening-explainer h3,.reading-explainer h3,.speaking-explainer h3,.writing-explainer h3{background:linear-gradient(135deg,#5d78ff,#7d66ff 35%,#9c5dff 65%,#f056c7);background:var(--fp-accent-grad);-webkit-background-clip:text;color:#0000;font-size:clamp(1.2rem,2.8vw,1.6rem);font-weight:800;letter-spacing:-.3px;margin:0 0 .6rem}.listening-explainer h4,.reading-explainer h4,.speaking-explainer h4,.writing-explainer h4{color:#fff;font-size:1rem;font-weight:700;letter-spacing:.2px;margin:1rem 0 .4rem}.listening-explainer p,.reading-explainer p,.speaking-explainer p,.writing-explainer p{color:#bcc8d5;color:var(--fp-text-mid);margin:.3rem 0}.listening-explainer .example,.reading-explainer .example,.speaking-explainer .example,.writing-explainer .example{color:#d8e2ec;color:var(--fp-text-strong)}.listening-explainer__outline,.reading-explainer__outline,.speaking-explainer__outline,.writing-explainer__outline{color:#d8e2ec;color:var(--fp-text-strong);margin:.4rem 0 .8rem;padding-left:1rem}.listening-explainer__outline li,.reading-explainer__outline li,.speaking-explainer__outline li,.writing-explainer__outline li{margin:.2rem 0}:where(.app-container.dark-mode,body.dark,.dark,.night,[data-theme=dark]) .french-keyboard-app .writing-section,:where(.app-container.dark-mode,body.dark,.dark,.night,[data-theme=dark]) .french-keyboard-app .writing-section *{color:#fff!important}:where(.app-container.dark-mode,body.dark,.dark,.night,[data-theme=dark]) .french-keyboard-app .section-header h1{color:#fff!important}:where(.app-container.dark-mode,body.dark,.dark,.night,[data-theme=dark]) .french-keyboard-app .prompt-instruction,:where(.app-container.dark-mode,body.dark,.dark,.night,[data-theme=dark]) .french-keyboard-app .section-header h2{color:#cbd5e1!important}:where(.app-container.dark-mode,body.dark,.dark,.night,[data-theme=dark]) .french-keyboard-app .input-box{caret-color:#fff!important;color:#e6ecf3!important}:where(.app-container.dark-mode,body.dark,.dark,.night,[data-theme=dark]) .french-keyboard-app .input-box::placeholder{color:#9aa4b2!important}.app-container.dark-mode #fp-writing-section,.app-container.dark-mode #fp-writing-section *,body.dark #fp-writing-section,body.dark #fp-writing-section *,body.dark-mode-body #fp-writing-section,body.dark-mode-body #fp-writing-section *{color:#fff!important}.app-container.dark-mode #fp-writing-section .input-box,body.dark #fp-writing-section .input-box,body.dark-mode-body #fp-writing-section .input-box{caret-color:#fff!important;color:#fff!important}.app-container.dark-mode #fp-writing-section .input-box::placeholder,body.dark #fp-writing-section .input-box::placeholder,body.dark-mode-body #fp-writing-section .input-box::placeholder{color:#cbd5e1!important}.results-container{background:linear-gradient(170deg,#ffffff0f,#ffffff05);border:1px solid #ffffff17;border:1px solid var(--fp-border);border-radius:22px;box-shadow:0 8px 26px -12px #0009;color:#d8e2ec;color:var(--fp-text-strong);padding:clamp(1rem,2.5vw,1.6rem)}.results-container .results-header,.results-container h1,.results-container h2{background:linear-gradient(135deg,#5d78ff,#7d66ff 35%,#9c5dff 65%,#f056c7);background:var(--fp-accent-grad);-webkit-background-clip:text;color:#0000;filter:drop-shadow(0 6px 22px rgba(115,95,255,.25));font-weight:800;letter-spacing:-.4px;margin:0 0 .8rem}.results-container .results-note,.results-container .results-subtitle{color:#98a6b8;color:var(--fp-text-dim);font-size:.95rem;margin:.1rem 0 1rem}.results-container .metrics,.results-container .result-metrics,.results-container .results-summary,.results-container .summary{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:.6rem 0 1.1rem}.results-container .metric-card,.results-container .result-card{grid-gap:.25rem;background:linear-gradient(160deg,#ffffff0f,#ffffff05);border:1px solid #ffffff17;border:1px solid var(--fp-border);border-radius:16px;box-shadow:0 4px 18px -10px #00000080;display:grid;gap:.25rem;padding:.9rem 1rem}.results-container .metric-card h3,.results-container .metric-title,.results-container .result-card h3{color:#bcc8d5;color:var(--fp-text-mid);font-size:.9rem;font-weight:700;letter-spacing:.2px;margin:0}.results-container .metric-value{color:#fff;font-size:1.6rem;font-weight:800;letter-spacing:-.5px}.results-container .equivalency,.results-container .score-panel,.results-container .tef-clb-card{background:linear-gradient(160deg,#5d78ff1f,#9c5dff1a);border:1px solid #8c78ff47;border-radius:18px;box-shadow:0 6px 22px -10px #0000008c,0 0 0 1px #8c78ff26;padding:1rem 1.1rem}.results-container .equivalency h3,.results-container .tef-clb-card h3{color:#fff;font-size:1.05rem;font-weight:800;letter-spacing:-.2px;margin:0 0 .35rem}.results-container .tef-clb-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:.35rem}.results-container .pill{align-items:center;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:700;gap:.5ch;letter-spacing:.3px;padding:6px 10px}.results-container .answers,.results-container .answers-list,.results-container .results-answers{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:1rem 0 0;padding:0}.results-container .answer,.results-container .answer-item{background:linear-gradient(140deg,#ffffff0d,hsla(0,0%,100%,.015));border:1px solid #ffffff17;border:1px solid var(--fp-border);border-radius:14px;color:#bcc8d5;color:var(--fp-text-mid);line-height:1.55;overflow:hidden;padding:.85rem .95rem;position:relative}.results-container .answer .q,.results-container .answer strong:first-child,.results-container .answer-item .q,.results-container .answer-item strong:first-child{color:#d8e2ec;color:var(--fp-text-strong);font-weight:700}.results-container .answer-item.correct,.results-container .answer.correct{background:linear-gradient(180deg,#22c55e1a,#22c55e05);border-left:4px solid #22c55e}.results-container .answer-item.incorrect,.results-container .answer.incorrect{background:linear-gradient(180deg,#ef44441a,#ef444405);border-left:4px solid #ef4444}.results-container .k,.results-container .label{color:#d8e2ec;color:var(--fp-text-strong);font-weight:700}.results-container .answer .sep,.results-container .answer-item .sep{background:#ffffff14;border:0;height:1px;margin:.55rem 0}.results-container .result-top{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem 1rem;justify-content:space-between;margin:.2rem 0 1rem}.results-container .badge{align-items:center;background:linear-gradient(135deg,#5d78ff,#9c5dff);border:1px solid #ffffff26;border-radius:999px;box-shadow:0 6px 18px -10px #785fff8c;color:#fff;display:inline-flex;font-size:.82rem;font-weight:700;gap:.45ch;padding:6px 10px}.results-container .footnote,.results-container .meta{color:#98a6b8;color:var(--fp-text-dim);font-size:.85rem;margin-top:.6rem}@media (prefers-color-scheme:light){.results-container{background:#fff;border-color:#e5e7eb;box-shadow:0 10px 28px -14px #0000001a}.results-container .answer,.results-container .answer-item{background:#fff;border-color:#e5e7eb;color:#334155}.results-container .metric-card,.results-container .result-card{background:#fff;border-color:#e5e7eb}}