@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}.new-hero{align-items:center;background-image:url(/static/media/hero-background2.c67ffc6517430bb9ba37.png);background-position:right 0;background-repeat:no-repeat;background-size:cover;display:flex;height:620px;justify-content:flex-start;padding-bottom:40px;padding-left:360px;padding-top:40px;position:relative;width:100%}.new-hero:before{background:linear-gradient(90deg,#fff,#ffffffe6,#ffffff80,#fff0);content:"";height:calc(100% - 80px);left:0;position:absolute;top:80px;width:55%;z-index:1}.new-hero-content{display:flex;flex-direction:column;gap:16px;max-width:480px;position:relative;z-index:2}.new-hero-content h1{color:#0b2545;font-size:3.4rem;font-weight:800;line-height:1.12;margin:0;padding:0}.new-hero-content .line1,.new-hero-content .line2{display:block;width:100%}.new-hero-content p{color:#1e1e1e;font-size:1.05rem;max-width:420px;opacity:.9}.new-hero-content .btn{color:#fff}.pricing-cta-wrap{margin-top:2rem;text-align:center}.pricing-hero-cta{background:linear-gradient(90deg,#4aa8ff,#006bff)!important;border:none!important;border-radius:999px!important;box-shadow:0 6px 18px #007bff59!important;color:#fff!important;display:inline-block!important;font-size:1rem!important;font-weight:600!important;min-width:205px;padding:12px 32px!important;text-decoration:none!important;transition:transform .15s ease,box-shadow .15s ease!important;width:fit-content!important}.pricing-hero-cta:hover{box-shadow:0 8px 24px #007bff73!important;color:#fff!important;transform:translateY(-2px)}.test-categories{padding:60px 0}.test-categories h2{font-size:2rem;font-weight:700;margin-bottom:30px}.test-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(4,minmax(0,1fr))!important;margin:0 auto;max-width:1200px}.test-card{background:#fff;border-radius:14px;box-shadow:0 4px 12px #00000014;cursor:pointer;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.test-card:hover{box-shadow:0 8px 20px #00000026}.test-card img{border-radius:10px;height:170px;margin-bottom:15px;object-fit:cover;width:100%}.test-card h3{color:#0b2545;font-size:1.3rem;font-weight:700;margin-bottom:8px}.test-card p{color:#444;font-size:.95rem;opacity:.9}.new-hero{margin-bottom:0!important;padding-bottom:40px!important}.test-categories{margin-top:-40px!important;padding-top:20px!important}.test-categories h2{margin-top:0!important;padding-top:0!important}#home .new-hero-content h1{margin-left:0!important;max-width:none!important;width:auto!important}#home .new-hero-content .line1,#home .new-hero-content .line2{display:block!important;white-space:nowrap!important}.new-hero-content .btn{background:linear-gradient(90deg,#4aa8ff,#006bff);border:none;border-radius:999px;box-shadow:0 6px 18px #007bff59;color:#fff!important;display:inline-block;font-size:1rem;font-weight:600;padding:12px 32px;transition:transform .15s ease,box-shadow .15s ease;width:fit-content}.new-hero-content .btn:hover{box-shadow:0 8px 24px #007bff73;transform:translateY(-2px)}.test-categories h2{margin-bottom:40px}.test-card,.test-card h3,.test-card p,.test-categories h2{text-align:center!important}.test-card-btn{background:linear-gradient(90deg,#4aa8ff,#006bff);border-radius:999px;box-shadow:0 8px 20px -4px #006bff80;color:#fff;display:inline-block;font-size:.95rem;font-weight:600;margin-top:1.25rem;padding:10px 32px;transition:transform .2s ease,box-shadow .2s ease}.test-card:hover .test-card-btn{box-shadow:0 12px 24px -4px #006bffa6;transform:translateY(-2px)}@media (max-width:768px){.new-hero{align-items:flex-start;background-position:top!important;background-size:cover;display:flex;height:auto;justify-content:center;padding:40px 20px!important}.new-hero:before{background:linear-gradient(180deg,#fff 0,#fffc 30%,#fff0)!important;height:100%!important;top:0!important;width:100%!important}.new-hero-content{align-items:center!important;margin-top:0!important;max-width:100%!important;text-align:center!important}.new-hero-content h1{font-size:2rem!important;line-height:1.3!important}.new-hero-content p{font-size:1rem!important;max-width:90%!important}.new-hero-content .btn{font-size:1rem!important;margin:0 auto!important;padding:14px 28px!important}.new-hero-content h1{word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important}#home .new-hero-content .line1,#home .new-hero-content .line2{display:inline!important;white-space:normal!important}}@media (max-width:1100px){.test-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:630px){.test-grid{grid-template-columns:1fr!important}.test-card{margin:0 auto;max-width:380px}}.test-categories h2{text-align:center;width:100%}.trust-panel{background:#fff;border:1px solid #e9ecef;border:1px solid var(--medium-gray);border-radius:16px;margin-left:auto;margin-right:auto;margin-top:4rem;max-width:900px;padding:2rem}.trust-panel__grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:768px){.trust-panel__grid{gap:3rem;grid-template-columns:1fr 1fr}.trust-item:first-child{border-right:1px solid #e9ecef;border-right:1px solid var(--medium-gray);padding-right:3rem}}.trust-item{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center}.trust-item__icon{align-items:center;background:#f0f4f8;border-radius:50%;color:#0056b3;color:var(--primary-dark-blue);display:inline-flex;height:56px;justify-content:center;margin-bottom:.5rem;width:56px}.trust-item__body h3{color:#343a40;color:var(--text-color);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.trust-item__body p{color:#6c757d;color:var(--dark-gray);font-size:.9rem;line-height:1.6;margin:0}@media (max-width:768px){.new-hero{align-items:center!important;background-position:top!important;height:auto;justify-content:center!important;padding:110px 20px 40px!important}.new-hero:before{background:linear-gradient(180deg,#fff 0,#fffc 25%,#fff0)!important;height:100%!important;top:0!important;width:100%!important}.new-hero-content{align-items:center!important;display:flex!important;flex-direction:column!important;max-width:100%;text-align:center!important}.new-hero-content h1{font-size:2.2rem!important;line-height:1.25!important}.new-hero-content p{font-size:1rem!important;max-width:90%!important}.new-hero-content .btn,.new-hero-content p{margin-left:auto!important;margin-right:auto!important}.new-hero-content .btn{font-size:.95rem;margin-top:14px;padding:12px 26px}}.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:35px 20px 20px}.page-title{font-size:2rem;font-weight:700;margin-bottom:30px;text-align:center}s s .card{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;padding:24px}.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;justify-content:center;min-height:106px;overflow:hidden;padding:0;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;box-sizing:border-box;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-locked{background:#e5e7eb;border:1px solid #bfd0ea;box-shadow:none;gap:6px;padding:14px}.exam-item-locked:hover{transform:none}.exam-lock{color:#64748b;font-size:1.2rem;line-height:1}.exam-button-locked{background:#3b82f6;color:#0f172a;cursor:not-allowed;pointer-events:none}.exam-locked-meta{color:#64748b;font-size:.95rem;font-weight:600}.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:20px!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)}.progress-bar .bar .progress{width:auto}.progress-bar .bar .progress:not([style*=width]){width:0;width:var(--value,0)}.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:#ffffffeb;color:#102a43;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:#102a43;font-weight:700;text-decoration:none;transition:color .3s}.navbar nav ul li a:hover{color:#0056d2}.nav-link{color:#102a43;text-decoration:none}.navbar-logo-details{align-items:center;background-image:url(/static/media/francoprep_logo.9ed5b675f330a632e160.png)!important;background-position:0!important;background-repeat:no-repeat!important;background-size:contain!important;color:#0000!important;display:flex;height:38px!important;overflow:hidden!important;text-indent:-9999px!important;white-space:nowrap!important;width:210px!important}.navbar-logo-details:after,.navbar-logo-details:before{content:none!important;display:none!important}@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:#fffffffa;border:1px solid #102a431a;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:#102a43;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:#102a430a;border:1px solid #102a431a;border-radius:10px;color:#102a43;cursor:pointer;display:none;height:34px;position:relative;width:40px;z-index:1101}.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}}.admin-panel{margin:0 auto;max-width:1200px;padding:120px 20px 40px}.admin-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 18px 40px #0f172a14;padding:24px}.admin-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.admin-header h1{color:#0f172a;font-size:2rem;margin:0 0 8px}.admin-header p{color:#475569;margin:0}.admin-delete,.admin-details,.admin-grant,.admin-modal-close,.admin-refresh{background:#0f172a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 14px}.admin-grant:disabled,.admin-refresh:disabled{cursor:not-allowed;opacity:.6}.admin-details{background:#2563eb}.admin-delete{background:linear-gradient(135deg,#b91c1c,#ef4444)}.admin-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.admin-search{border:1px solid #cbd5e1;border-radius:12px;flex:1 1;font-size:1rem;max-width:420px;padding:12px 14px}.admin-view-toggle{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.admin-view-option{align-items:center;background:#f8fafc;border:1px solid #dbe4ee;border-radius:999px;color:#334155;cursor:pointer;display:inline-flex;gap:8px;padding:8px 12px}.admin-view-option input{margin:0}.admin-view-option span{font-size:.9rem;font-weight:600}.admin-count{color:#64748b;font-size:.95rem;font-weight:600}.admin-error{background:#fff1f2;border:1px solid #fecdd3;border-radius:12px;color:#be123c;margin-bottom:16px;padding:12px 14px}.admin-empty{color:#64748b;padding:20px 0}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;min-width:980px;width:100%}.admin-table td,.admin-table th{border-top:1px solid #e5e7eb;padding:14px 12px;text-align:left;vertical-align:middle}.admin-table th{color:#475569;font-size:.85rem;letter-spacing:.02em;text-transform:uppercase}.admin-user-email{color:#0f172a;font-weight:700}.admin-user-id{color:#64748b;font-size:.8rem;margin-top:4px}.admin-actions{display:flex;gap:8px}.admin-status{border-radius:999px;display:inline-block;font-size:.85rem;font-weight:700;padding:6px 10px}.admin-status-active{background:#dcfce7;color:#166534}.admin-status-expired{background:#fee2e2;color:#991b1b}.admin-status-no-plan{background:#e2e8f0;color:#334155}.admin-modal-backdrop{align-items:center;background:#0f172a85;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1200}.admin-modal{background:#fff;border-radius:22px;box-shadow:0 28px 60px #0f172a38;max-height:88vh;max-width:980px;overflow-y:auto;padding:24px;width:min(980px,100%)}.admin-modal-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.admin-modal-header h2{color:#0f172a;margin:0 0 6px}.admin-modal-header p{color:#475569;margin:0}.admin-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:20px}.admin-stat-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:14px}.admin-stat-button{cursor:pointer;text-align:left;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.admin-stat-button:hover{border-color:#93c5fd;box-shadow:0 10px 24px #2563eb14;transform:translateY(-1px)}.admin-stat-button.is-active{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;box-shadow:0 12px 26px #2563eb24}.admin-stat-button.is-active span,.admin-stat-button.is-active strong{color:#1d4ed8}.admin-stat-card span{color:#64748b;display:block;font-size:.82rem;margin-bottom:6px;text-transform:uppercase}.admin-stat-card strong{color:#0f172a;font-size:1.5rem}.admin-attempts-list{display:flex;flex-direction:column;gap:14px}.admin-attempt-card{background:#fbfdff;border:1px solid #dbe7f5;border-radius:16px;padding:16px}.admin-attempt-top{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.admin-attempt-type{background:#dbeafe;border-radius:999px;color:#1d4ed8;font-size:.78rem;font-weight:700;padding:6px 10px}.admin-attempt-meta,.admin-attempt-time{color:#64748b;font-size:.9rem}.admin-attempt-title{color:#0f172a;font-size:1rem;font-weight:700;margin-bottom:6px}.admin-attempt-feedback,.admin-attempt-text{color:#334155;line-height:1.55;margin-top:8px;white-space:pre-wrap}@media (max-width:720px){.admin-panel{padding:104px 14px 28px}.admin-card{padding:18px}.admin-actions,.admin-attempt-top,.admin-header,.admin-modal-header,.admin-toolbar{align-items:stretch;flex-direction:column}.admin-search{max-width:none}.admin-modal-backdrop{padding:12px}.admin-modal{padding:18px}}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}.section-wrap .grid-container.premium-unlocked .exam-item{background:#fff!important;border:none!important;border-radius:20px!important;box-shadow:none!important;color:inherit!important;cursor:pointer!important;min-height:0!important;padding:0!important}.section-wrap .grid-container.premium-unlocked .exam-item:after,.section-wrap .grid-container.premium-unlocked .exam-item:before{content:none!important;display:none!important}.section-wrap .grid-container.premium-unlocked .exam-item>*{display:flex!important;opacity:1!important;visibility:visible!important}.section-wrap .grid-container.premium-unlocked .exam-item:hover{box-shadow:none!important;transform:translateY(-4px)!important}.section-wrap .grid-container.premium-unlocked .exam-button-unlocked{align-items:center!important;background:linear-gradient(135deg,#0a2a8a,#0f5dff)!important;border:none!important;border-radius:18px!important;box-shadow:0 8px 20px #00000026!important;box-sizing:border-box!important;color:#fff!important;display:flex!important;font-family:Inter,SF Pro Display,SF Pro Text,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:clamp(1rem,.92rem + .35vw,1.2rem)!important;font-weight:700!important;isolation:isolate!important;justify-content:center!important;letter-spacing:-.02em!important;line-height:1.15!important;min-height:112px!important;overflow:hidden!important;padding:20px 32px!important;position:relative!important;text-align:center!important;text-decoration:none!important;text-shadow:0 1px 1px #0000002e!important;width:100%!important}.section-wrap .grid-container.premium-unlocked .exam-button-unlocked:before{background:linear-gradient(180deg,#ffffff3d,#ffffff14 55%,#fff0)!important;border-radius:17px 17px 40% 40%!important;content:""!important;height:48%!important;inset:1px 1px auto 1px!important;pointer-events:none!important;position:absolute!important;z-index:0!important}.section-wrap .grid-container.premium-unlocked .exam-button-unlocked:after{border-radius:18px!important;box-shadow:inset 0 1px 0 #ffffff2e,0 0 0 1px #ffffff0f!important;content:""!important;inset:0!important;pointer-events:none!important;position:absolute!important;z-index:0!important}.section-wrap .grid-container.premium-unlocked .exam-button-unlocked:hover{background:linear-gradient(135deg,#0c319e,#1567ff)!important;box-shadow:0 14px 30px #0a2a8a38!important;transform:translateY(-2px)!important}.section-wrap .grid-container.premium-unlocked .exam-button-unlocked:focus-visible{outline:3px solid #0f5dff47!important;outline-offset:4px!important}.section-wrap .grid-container.premium-unlocked .exam-button-unlocked>*{position:relative!important;z-index:1!important}.grid-container.premium-unlocked .exam-button-unlocked,.grid-container.premium-unlocked .exam-button-unlocked span,.grid-container.premium-unlocked .exam-button-unlocked:active,.grid-container.premium-unlocked .exam-button-unlocked:hover,.grid-container.premium-unlocked .exam-button-unlocked:link,.grid-container.premium-unlocked .exam-button-unlocked:visited,.section-wrap .grid-container.premium-unlocked .exam-button-unlocked,.section-wrap .grid-container.premium-unlocked .exam-button-unlocked span,.section-wrap .grid-container.premium-unlocked .exam-button-unlocked:active,.section-wrap .grid-container.premium-unlocked .exam-button-unlocked:hover,.section-wrap .grid-container.premium-unlocked .exam-button-unlocked:link,.section-wrap .grid-container.premium-unlocked .exam-button-unlocked:visited{-webkit-text-fill-color:#fff!important;color:#fff!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{background:linear-gradient(180deg,#101721f5,#0c1218f5)!important;border-bottom:1px solid #00000014!important;box-shadow:0 10px 28px -12px #000000b3!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 .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}.whatsapp-float{align-items:center;background:#0000;border-radius:999px;bottom:24px;display:inline-flex;justify-content:center;position:fixed;right:24px;text-decoration:none;transition:transform .18s ease;z-index:1100}.whatsapp-float:hover{transform:translateY(-2px) scale(1.03)}.whatsapp-float__glow{animation:whatsapp-beat 1.8s ease-in-out infinite;background:radial-gradient(circle,#25d36673 0,#25d3662e 45%,#25d36600 72%);border-radius:999px;height:92px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:92px;z-index:0}.whatsapp-float__inner{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center;min-height:96px;min-width:96px;padding:6px;position:relative;z-index:1}.whatsapp-float img{display:block;filter:drop-shadow(0 10px 18px rgba(37,211,102,.28));height:56px;object-fit:contain;width:56px}.whatsapp-float__label{color:#dc2626;font-size:.62rem;font-weight:800;letter-spacing:.08em;line-height:1}@keyframes whatsapp-beat{0%{opacity:.72;transform:translate(-50%,-50%) scale(.92)}45%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}to{opacity:.58;transform:translate(-50%,-50%) scale(.92)}}@media (max-width:720px){.whatsapp-float{bottom:18px;right:18px}.whatsapp-float__glow{height:82px;width:82px}.whatsapp-float__inner{min-height:84px;min-width:84px;padding:4px}.whatsapp-float img{height:48px;width:48px}.whatsapp-float__label{font-size:.58rem}}:root{--fp-bg:#fff;--fp-bg-alt:#f0f4f8;--fp-surface:#fff;--fp-surface-glass:#102a430a;--fp-border:#102a431a;--fp-border-strong:#102a432e;--fp-shadow:0 10px 30px -16px #102a4347;--fp-glow:0 10px 28px -18px #0056d259;--fp-text:#102a43;--fp-text-dim:#486581;--fp-text-mid:#334e68;--fp-text-strong:#102a43;--fp-text-feature:#102a43;--fp-accent:#0056d2;--fp-accent-alt:#2f80ed;--fp-accent-grad:linear-gradient(135deg,#0056d2,#2f80ed);--fp-grad-bg:linear-gradient(180deg,#fff,#f0f4f8);--fp-radius-sm:6px;--fp-radius:14px;--fp-radius-lg:24px;--fp-focus-ring:0 0 0 3px #0056d240;--fp-trans:160ms cubic-bezier(.4,.2,.2,1);--fp-trans-slow:420ms cubic-bezier(.6,.2,.1,1);--fp-veil-1:#0056d21a;--fp-veil-2:#2f80ed1a;--fp-veil-strong:#0056d21f;--fp-card-tint-1:#0056d20f;--fp-card-tint-2:#2f80ed0a;--fp-glow-tint:#0056d22e;--fp-feature-separator:#102a4314;--footer-gap:5rem;--nav-h:64px;--rs-accent:#0056d2;--rs-accent-2:#2f80ed;--rs-hero-grad:linear-gradient(135deg,#0056d2,#2f80ed);--rs-surface:linear-gradient(180deg,#102a4308,#102a4303);--rs-border:#102a431a;--rs-shadow:0 10px 28px -14px #102a4333;--rs-success:#22c55e;--rs-danger:#ef4444;--rs-muted:#486581}body{-webkit-font-smoothing:antialiased;background:linear-gradient(180deg,#fff,#f0f4f8);background:var(--fp-grad-bg);color:#102a43;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,#0056d2,#2f80ed);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 #102a431a;border:1px solid var(--fp-border);border-radius:999px;color:#486581;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(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #102a431a;border-bottom:1px solid var(--fp-border);box-shadow:0 10px 24px -18px #102a434d;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 img,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 img,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:#102a43!important;color:var(--fp-text)!important;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:#0056d214;color:#0056d2!important;color:var(--fp-accent)!important}header.navbar.navbar-other{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffffffa!important;border-bottom:1px solid #102a431a!important;border-bottom:1px solid var(--fp-border)!important;box-shadow:0 4px 12px -4px #102a4314!important}header.navbar.navbar-other .nav-link,header.navbar.navbar-other .navbar-links a{color:#102a43!important;color:var(--fp-text)!important}header.navbar.navbar-other .nav-link:hover,header.navbar.navbar-other .navbar-links a.active,header.navbar.navbar-other .navbar-links a:hover{background:#0056d214;color:#0056d2!important;color:var(--fp-accent)!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:#fffffffa!important;border-bottom:1px solid #102a431a!important;border-bottom:1px solid var(--fp-border)!important;box-shadow:0 4px 12px -4px #102a4314!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:#102a43!important;color:var(--fp-text)!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:#0056d214!important;color:#0056d2!important;color:var(--fp-accent)!important}header.navbar .brand-logo img{display:block!important;height:32px!important;max-width:220px;width:auto!important}header.navbar .brand-logo svg{display:none!important}header.navbar .brand-logo{background:none!important}header.navbar .brand-logo:after,header.navbar .brand-logo:before{background:none!important;content:none!important;display:none!important}.site-footer .brand-icon img{display:block!important;height:auto!important;width:28px!important}.site-footer .brand-icon svg{display:none!important}.site-footer .brand-icon,.site-footer .brand-logo{background-image:none!important}.site-footer .brand-icon:after,.site-footer .brand-icon:before,.site-footer .brand-logo:after,.site-footer .brand-logo:before{background:none!important;content:none!important;display:none!important}.hero{background-image:var(--hero-bg-url);background-position:100% 0;background-repeat:no-repeat;background-size:cover;border-radius:0 0 32px 32px;padding:clamp(4.2rem,8vw,6.2rem) 0 clamp(3rem,6vw,4.8rem);text-align:left}.hero .fp-container{align-items:flex-start;display:flex;flex-direction:column;margin:0!important;max-width:100%!important;padding-left:clamp(1.5rem,6vw,5rem)!important;width:100%!important}.hero-intro{margin-left:0!important;margin-right:auto!important}.hero h1{color:#102a43;color:var(--fp-text);filter:none;line-height:1.1;margin:0 0 .35rem;max-width:440px;overflow-wrap:normal;text-align:left;word-break:normal}@media (max-width:960px){.hero h1{max-width:380px}}@media (max-width:760px){.hero h1{max-width:100%}}.hero h1 .hero-break{display:block;margin-top:.1rem}.hero h1 .hero-subtitle{color:#334e68;color:var(--fp-text-mid);display:block;font-size:clamp(1.1rem,2.6vw,1.4rem);font-weight:700;letter-spacing:.2px;margin-top:.15rem}.hero p{color:#486581;color:var(--fp-text-dim);margin-left:0;margin-right:auto;max-width:420px;text-align:left}@media (max-width:960px){.hero p{max-width:400px}}@media (max-width:760px){.hero p{max-width:100%}}.hero .cta-group,.hero__actions{justify-content:flex-start;margin-left:0}.hero .btn,.hero a.btn{background:linear-gradient(135deg,#0056d2,#2f80ed);background:var(--fp-accent-grad);box-shadow:0 10px 24px -16px #0056d273}.hero .btn--ghost{background:#ffffffb8;border:1px solid #102a431a;border:1px solid var(--fp-border);box-shadow:0 8px 20px -16px #102a4340;color:#102a43;color:var(--fp-text)}.centered-intro,.hero .hero-intro,.pricing .pricing-intro,.pricing-heading+p{color:#334e68;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{background:#fff!important;border:1px solid #102a431a!important;border:1px solid var(--fp-border)!important;box-shadow:0 12px 28px -18px #102a4338;overflow:hidden;position:relative;transition:.42s cubic-bezier(.6,.2,.1,1);transition:var(--fp-trans-slow)}.test-card:before{display:none}.test-card:hover{border-color:#102a432e!important;border-color:var(--fp-border-strong)!important;box-shadow:0 16px 34px -20px #102a4347;transform:translateY(-6px)}margin:0 0 .9rem;font-weight:800;letter-spacing:-.4px;background:linear-gradient(135deg,#0056d2,#2f80ed);background:var(--fp-accent-grad);-webkit-background-clip:text;color:#0000;.test-categories .test-grid{gap:1.2rem}.test-categories .test-card{background:#fff!important;border:1px solid #102a431a!important;border:1px solid var(--fp-border)!important;box-shadow:0 12px 28px -18px #102a4338;color:#102a43;color:var(--fp-text);cursor:pointer;overflow:hidden;transition:.42s cubic-bezier(.6,.2,.1,1);transition:var(--fp-trans-slow)}.test-categories .test-icon{background-color:initial!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;border:0!important;border-radius:16px;box-shadow:none!important;height:clamp(140px,22vw,180px);margin:.25rem 0 .5rem;width:100%}.test-categories .test-icon i{display:none!important}.test-categories .test-card:first-child .test-icon{background-image:var(--img-reading)!important}.test-categories .test-card:nth-child(2) .test-icon{background-image:var(--img-listening)!important}.test-categories .test-card:nth-child(3) .test-icon{background-image:var(--img-writing)!important}.test-categories .test-card:nth-child(4) .test-icon{background-image:var(--img-speaking)!important}.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{display:none}.test-categories .test-card h3{color:#102a43;color:var(--fp-text);font-weight:700;letter-spacing:.2px;margin:.75rem 0 .25rem}.test-categories .test-card p{color:#486581;color:var(--fp-text-dim);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:none;transform:scale(1.03)}.test-categories .test-card:active{transform:translateY(-2px)}.pricing{background:#f0f4f8;background:var(--fp-bg-alt);color:#102a43;color:var(--fp-text);margin:0;padding:clamp(4rem,8vw,6rem) 0 clamp(3.2rem,6vw,5rem);position:relative}.pricing:before{display:none}.pricing h2,.pricing-heading{background:linear-gradient(135deg,#0056d2,#2f80ed);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:#486581;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(3,minmax(0,1fr));margin:0 auto;padding:0 clamp(1.2rem,3vw,2.2rem);width:min(1200px,100%)}@media (max-width:1180px){.pricing-cards,.pricing-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.pricing-cards,.pricing-plans{grid-template-columns:1fr}}.price-card,.pricing-card{background:#fff!important;border:1px solid #102a431a;border:1px solid var(--fp-border);border-radius:24px;box-shadow:0 10px 30px -16px #102a4347;box-shadow:var(--fp-shadow);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{border-color:#0056d2;border-color:var(--fp-accent);box-shadow:0 10px 40px -10px #0056d240}.pricing-cards .pricing-card:hover,.pricing-plans .price-card:hover{border-color:#0056d2;border-color:var(--fp-accent);box-shadow:0 15px 40px -10px #102a432e}.pricing-cards:hover .pricing-card.featured:not(:hover),.pricing-plans:hover .price-card.featured:not(:hover){border-color:#102a431a;border-color:var(--fp-border);box-shadow:0 6px 26px -10px #000000a6}.price-card:hover,.pricing-card:hover{border-color:#102a432e;border-color:var(--fp-border-strong);transform:translateY(-8px)}.price-card h3,.pricing-card h3{color:#0056d2;color:var(--fp-accent);font-size:1.15rem;font-weight:700;letter-spacing:.3px;margin:0;text-align:center;text-transform:uppercase}.price-card .price,.pricing-card .price{background:linear-gradient(135deg,#0056d2,#2f80ed);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:#334e68;color:var(--fp-text-mid);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:#334e68;color:var(--fp-text-mid);font-size:.9rem;margin:0;text-align:center}.plan-headline{color:#102a43;color:var(--fp-text);font-size:1.15rem;font-weight:800;text-align:center}.plan-price-note{color:#334e68;color:var(--fp-text-mid);font-size:.95rem;font-weight:500;text-align:center}.plan-subheading{color:#102a43;color:var(--fp-text);font-size:.98rem;font-weight:700;margin:.15rem 0 0;text-align:left}.plan-divider{background:#94a3b840;height:1px;margin:.25rem 0 .35rem;width:100%}.plan-icon{background:#22c55e1a;border-radius:999px;color:#16a34a;display:grid;font-size:2rem;height:72px;place-items:center;width:72px}.featured-ribbon{background:linear-gradient(135deg,#0056d2,#2f80ed);background:var(--fp-accent-grad);color:#fff;font-size:.9rem;font-weight:800;letter-spacing:.04em;margin:-1.9rem -1.6rem .75rem;padding:.75rem 1rem;text-align:center}.payment-badge{align-self:center;margin-top:.25rem}.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:#102a43;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:#334e68;color:var(--fp-text-mid);display:flex;gap:.4rem;padding-left:0;position:relative}.price-card ul li:before,.pricing-card ul li:before{color:#0056d2;color:var(--fp-accent);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 #102a4314;border-top:1px solid var(--fp-feature-separator);margin-top:.55rem;padding-top:.55rem}.price-card:hover ul,.pricing-card:hover ul{color:#102a43;color:var(--fp-text-feature)}.price-card>p,.pricing-card>p{color:#334e68;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:#102a43;color:var(--fp-text-strong)}.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:#102a43;color:var(--fp-text-strong)}@media (prefers-contrast:more){.price-card ul,.price-card ul li,.pricing-card ul,.pricing-card ul li{color:#102a43;color:var(--fp-text-feature)}}.price-card .btn,.pricing-card .btn{background:linear-gradient(135deg,#0056d2,#2f80ed);background:var(--fp-accent-grad);border:0;border-radius:14px;box-shadow:0 4px 18px -6px #0056d273;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 #0056d2a6;transform:translateY(-3px)}.payment-badge{background:#22c55e2e;border:1px solid #22c55e73;color:#065f46;text-transform:none}.no-renewal-tag{font-size:.78rem;margin-top:10px;opacity:.95}.no-renewal-tag,.plan-footer-note{color:#334e68;color:var(--fp-text-mid);text-align:center}.plan-footer-note{font-size:.75rem;margin:.6rem 0 0}.success-note{background:#22c55e14;border:1px solid #22c55e38;border-radius:12px;color:#15803d;font-size:.86rem;font-weight:700;margin-top:.9rem;padding:.7rem .85rem}.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:#102a43;color:var(--fp-text-strong);font-size:.9rem;font-weight:700;margin-top:2px;text-align:center}.free-plan-card h3{color:#16a34a}.free-plan-btn{background:linear-gradient(135deg,#15803d,#22c55e)!important;box-shadow:0 8px 20px #15803d38!important}.free-badge{background:#22c55e1f!important;border-color:#22c55e3d!important;color:#15803d!important}footer{background:#f8fafc;border-top:1px solid #102a431a;border-top:1px solid var(--fp-border);margin-top:clamp(4rem,8vw,7rem);padding:clamp(3rem,6vw,4.5rem) 0 3.2rem;position:relative}footer:before{display:none}.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:#486581;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:#0056d2;color:var(--fp-accent)}.footer-contact p{color:#486581;color:var(--fp-text-dim);font-size:.75rem;margin:0}.social-icons a{color:#334e68;color:var(--fp-text-mid);font-size:1.35rem;opacity:.85;transition:.16s cubic-bezier(.4,.2,.2,1);transition:var(--fp-trans)}social-icons a:hover{color:#0056d2;color:var(--fp-accent);opacity:1}.copyright,copyright{color:#486581;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:#f8fafc;border-top:1px solid #102a431a;border-top:1px solid var(--fp-border);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{display:none}.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}.site-footer .footer-inner>.footer-col:not(.footer-brand):not(.footer-follow){align-items:center;text-align:center}.site-footer .footer-inner>.footer-col:not(.footer-brand):not(.footer-follow) .footer-mail{text-align:center;word-break:break-word}.footer-label{color:#102a43;color:var(--fp-text-strong);font-size:.78rem;font-weight:600;letter-spacing:.85px;margin:0;opacity:.85;text-transform:uppercase}.footer-mail{color:#102a43;color:var(--fp-text);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:#0056d2;color:var(--fp-accent)}.footer-social{display:flex;flex-wrap:wrap;gap:.6rem}.social-btn{align-items:center;background:#fff;border:1px solid #102a431a;border:1px solid var(--fp-border);border-radius:14px;color:#334e68;color:var(--fp-text-mid);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(135deg,#0056d2,#2f80ed);background:var(--fp-accent-grad);border-color:#0000;box-shadow:0 4px 12px -4px #0056d266;color:#fff}.footer-bottom{border-top:1px solid #102a431a;border-top:1px solid var(--fp-border);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:#486581;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:#fff;border-radius:14px;box-shadow:0 4px 12px -6px #102a4326,0 0 0 1px #102a430d;display:flex;height:46px;justify-content:center;width:46px}.brand-icon img{height:auto;width:24px}.brand-word{background:linear-gradient(135deg,#0056d2,#2f80ed);background:var(--fp-accent-grad);-webkit-background-clip:text;color:#0000;filter:none;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:none;transform:translateY(-4px)}.brand-tagline{color:#486581;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 #0056d240;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,#0056d2,#2f80ed);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:#334e68;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:#fff;border:1px solid #102a431a;border:1px solid var(--fp-border);border-radius:34px;box-shadow:0 8px 30px -15px #102a431a;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{display:none}.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:#334e68;color:var(--fp-text-mid);font-size:.98rem;line-height:1.62;margin:0 0 1.15rem}.about-highlight{background:#f0f4f8;border:1px solid #102a431a;border:1px solid var(--fp-border);border-radius:16px;box-shadow:none;color:#102a43;color:var(--fp-text);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:#fff;border:1px solid #102a431a;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:#102a43;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: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:#102a432e;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 #102a431a;border-top:1px solid var(--fp-border);color:#334e68;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{background:#fff;border:1px solid #102a431a;border:1px solid var(--fp-border);box-shadow:0 10px 30px -12px #102a4326}.corrections-feature,.progress-feature,.speaking-feature{grid-gap:3rem;align-items:center;display:grid;gap:3rem;margin:clamp(4rem,8vw,6rem) auto 1.8rem;padding:0 clamp(1.2rem,3vw,2.2rem);width:min(1180px,100%)}@media (min-width:960px){.corrections-feature,.progress-feature,.speaking-feature{grid-template-columns:1fr 1fr}.corrections-feature .corrections-feature__content{order:2}.corrections-feature .corrections-feature__media{order:1}}.corrections-feature__content a,.feature-btn,.feature-link,.progress-feature__content a,.speaking-feature__content a{background:linear-gradient(90deg,#4aa8ff,#006bff);border:none;border-radius:999px;box-shadow:0 6px 18px #007bff59;color:#fff!important;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin:1rem auto 0;padding:12px 32px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;width:fit-content}.corrections-feature__content a:hover,.feature-btn:hover,.feature-link:hover,.progress-feature__content a:hover,.speaking-feature__content a:hover{box-shadow:0 8px 24px #007bff73;color:#fff!important;transform:translateY(-2px)}.corrections-feature__content a:after,.feature-btn:after,.feature-link:after,.progress-feature__content a:after,.speaking-feature__content a:after{content:none!important;display:none}.corrections-feature__content h2,.progress-feature__content h2,.speaking-feature__content h2{background:linear-gradient(135deg,#0056d2,#2f80ed);background:var(--fp-accent-grad);-webkit-background-clip:text;color:#0000;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:800;letter-spacing:-.5px;line-height:1.15;margin-bottom:1rem}.corrections-feature__content p,.progress-feature__content p,.speaking-feature__content p{color:#334e68;color:var(--fp-text-mid);font-size:1.05rem;line-height:1.7;margin-bottom:1.8rem}.corrections-feature__media,.progress-feature__media,.speaking-feature__media{background:#fff;border:1px solid #102a431a;border:1px solid var(--fp-border);border-radius:20px;box-shadow:0 15px 35px -10px #102a4326;overflow:hidden;transition:transform .3s ease}.corrections-feature__media:hover,.progress-feature__media:hover,.speaking-feature__media:hover{box-shadow:0 20px 40px -10px #102a4338;transform:translateY(-5px)}.corrections-feature__media img,.progress-feature__media img,.speaking-feature__media img{display:block;height:auto;width:100%}.corrections-feature__media figcaption,.progress-feature__media figcaption{color:#486581;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}@media (min-width:860px){.corrections-gallery{grid-template-columns:1fr 1fr}}@media (max-width:959px){.corrections-feature,.progress-feature,.speaking-feature{grid-template-columns:1fr!important}.corrections-feature__content,.progress-feature__content,.speaking-feature__content{order:1!important}.corrections-feature__media,.progress-feature__media,.speaking-feature__media{justify-self:center;margin-top:1.5rem;order:2!important}}.listening-explainer,.reading-explainer,.speaking-explainer,.writing-explainer{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#fff;border:1px solid #102a431a;border:1px solid var(--fp-border);border-radius:22px;box-shadow:0 10px 30px -10px #102a4326;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,#0056d2,#2f80ed);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:#102a43;color:var(--fp-text);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:#334e68;color:var(--fp-text-mid);margin:.3rem 0}.listening-explainer .example,.reading-explainer .example,.speaking-explainer .example,.writing-explainer .example{color:#102a43;color:var(--fp-text-strong)}.listening-explainer__outline,.reading-explainer__outline,.speaking-explainer__outline,.writing-explainer__outline{color:#102a43;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}.results-container{background:#fff;border:1px solid #102a431a;border:1px solid var(--fp-border);border-radius:22px;box-shadow:0 8px 25px -12px #102a4333;color:#102a43;color:var(--fp-text);padding:clamp(1rem,2.5vw,1.6rem)}.results-container .results-header,.results-container h1,.results-container h2{background:linear-gradient(135deg,#0056d2,#2f80ed);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:#486581;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 #102a431a;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:#334e68;color:var(--fp-text-mid);font-size:.9rem;font-weight:700;letter-spacing:.2px;margin:0}.results-container .metric-value{color:#102a43;color:var(--fp-text-strong);font-size:1.6rem;font-weight:800;letter-spacing:-.5px}.results-container .equivalency,.results-container .score-panel,.results-container .tef-clb-card{background:#f0f4f8;border:1px solid #102a431a;border:1px solid var(--fp-border);border-radius:18px;box-shadow:none;padding:1rem 1.1rem}.results-container .equivalency h3,.results-container .tef-clb-card h3{color:#102a43;color:var(--fp-text);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:#fff;border:1px solid #102a431a;border:1px solid var(--fp-border);border-radius:999px;box-shadow:0 2px 5px #0000000d;color:#102a43;color:var(--fp-text);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 #102a431a;border:1px solid var(--fp-border);border-radius:14px;color:#334e68;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:#102a43;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: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:#486581;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}}#home.hero .container,.hero .container{align-items:flex-start!important;display:flex!important;flex-direction:column!important;margin:0!important;max-width:100%!important;padding-left:clamp(1.5rem,15vw,10rem)!important}.hero *{text-align:left!important}#home h1,#home p,.hero h1,.hero p,.hero-intro{margin:0 auto 1rem 0!important;max-width:min(550px,100%)!important;width:100%!important}@media (max-width:768px){#home h1,.hero h1{word-wrap:break-word;font-size:clamp(1.8rem,8vw,2.5rem)!important;line-height:1.2!important}}#home h1,.hero h1{word-wrap:break-word;font-size:clamp(1.8rem,8vw,2.5rem)!important;line-height:1.2!important;max-width:100%!important;overflow-wrap:break-word;white-space:normal}#home.hero .container,.hero .container{box-sizing:border-box!important;max-width:100vw!important;overflow-x:hidden;padding-left:1.5rem!important;padding-right:1.5rem!important;width:100%!important}.site-footer .brand-logo .brand-icon{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border-radius:0!important;box-shadow:none!important;height:auto!important;padding:0!important;width:auto!important}.site-footer .brand-logo .brand-icon img{display:block!important;height:auto!important;width:140px!important}.site-footer .brand-logo .brand-dot,.site-footer .brand-logo .brand-icon svg,.site-footer .brand-logo .brand-word{display:none!important}.site-footer .footer-col.footer-brand{gap:.5rem!important}.listening-tests a,.listening-tests button,.reading-tests a,.reading-tests button,.section-tests a,.section-tests button,.test-buttons a,.test-buttons button,.test-list a,.test-list button,.test-selector a,.test-selector button{align-items:center;appearance:none;background:#102a430a;border:1px solid #102a431a;border-radius:12px;color:#102a43;color:var(--fp-text);display:inline-flex;font-size:.9rem;font-weight:700;gap:.55rem;justify-content:center;line-height:1;min-height:40px;min-width:140px;padding:10px 14px;text-decoration:none;transition:.16s cubic-bezier(.4,.2,.2,1);transition:var(--fp-trans)}.listening-tests .active,.reading-tests .active,.section-tests .active,.section-tests a[aria-current=true],.section-tests button[aria-current=true],.test-buttons .active,.test-list .active,.test-selector .active{background:linear-gradient(90deg,#4aa8ff,#006bff);border-color:#0056d259;box-shadow:0 10px 22px -14px #0056d28c;color:#fff!important}.listening-tests .is-locked,.listening-tests .locked,.listening-tests [aria-disabled=true],.listening-tests button:disabled,.reading-tests .is-locked,.reading-tests .locked,.reading-tests [aria-disabled=true],.reading-tests button:disabled,.section-tests .is-locked,.section-tests .locked,.section-tests [aria-disabled=true],.section-tests button:disabled,.test-buttons .is-locked,.test-buttons .locked,.test-buttons [aria-disabled=true],.test-buttons button:disabled,.test-list .is-locked,.test-list .locked,.test-list [aria-disabled=true],.test-list button:disabled,.test-selector .is-locked,.test-selector .locked,.test-selector [aria-disabled=true],.test-selector button:disabled{background:#94a3b840!important;border-color:#94a3b866!important;box-shadow:none!important;color:#0f172a8c!important;cursor:not-allowed!important;opacity:1!important}.listening-tests .is-locked:before,.listening-tests .locked:before,.listening-tests [aria-disabled=true]:before,.listening-tests button:disabled:before,.reading-tests .is-locked:before,.reading-tests .locked:before,.reading-tests [aria-disabled=true]:before,.reading-tests button:disabled:before,.section-tests .is-locked:before,.section-tests .locked:before,.section-tests [aria-disabled=true]:before,.section-tests button:disabled:before,.test-buttons .is-locked:before,.test-buttons .locked:before,.test-buttons [aria-disabled=true]:before,.test-buttons button:disabled:before,.test-list .is-locked:before,.test-list .locked:before,.test-list [aria-disabled=true]:before,.test-list button:disabled:before,.test-selector .is-locked:before,.test-selector .locked:before,.test-selector [aria-disabled=true]:before,.test-selector button:disabled:before{content:"🔒";font-size:.95rem;line-height:1;opacity:.85;transform:translateY(-1px)}.listening-tests .is-locked:hover,.listening-tests .locked:hover,.listening-tests [aria-disabled=true]:hover,.listening-tests button:disabled:hover,.reading-tests .is-locked:hover,.reading-tests .locked:hover,.reading-tests [aria-disabled=true]:hover,.reading-tests button:disabled:hover,.section-tests .is-locked:hover,.section-tests .locked:hover,.section-tests [aria-disabled=true]:hover,.section-tests button:disabled:hover,.test-buttons .is-locked:hover,.test-buttons .locked:hover,.test-buttons [aria-disabled=true]:hover,.test-buttons button:disabled:hover,.test-list .is-locked:hover,.test-list .locked:hover,.test-list [aria-disabled=true]:hover,.test-list button:disabled:hover,.test-selector .is-locked:hover,.test-selector .locked:hover,.test-selector [aria-disabled=true]:hover,.test-selector button:disabled:hover{box-shadow:none!important;transform:none!important}.grid-container .exam-item{align-items:center!important;background:#102a430a!important;border:1px solid #102a431a!important;border-radius:12px!important;color:#102a43!important;color:var(--fp-text)!important;display:flex!important;font-size:.95rem!important;font-weight:700!important;justify-content:center!important;line-height:1.1!important;min-height:44px!important;padding:12px 14px!important;transition:.16s cubic-bezier(.4,.2,.2,1)!important;transition:var(--fp-trans)!important}.grid-container .exam-item:first-child{background-clip:initial!important;background-color:initial!important;background-image:linear-gradient(90deg,#4aa8ff,#006bff)!important;border-radius:12px!important;box-shadow:0 10px 22px -14px #0056d28c!important;outline:none!important}.grid-container .exam-item:first-child>*{background:#0000!important;border:0!important;box-shadow:none!important}.grid-container .exam-item:not(:first-child){box-shadow:none!important}.grid-container .exam-item:not(:first-child) em,.grid-container .exam-item:not(:first-child) small,.grid-container .exam-item:not(:first-child) span{display:inline!important;opacity:1!important;visibility:visible!important}.grid-container .exam-item:not(:first-child):hover{box-shadow:none!important;transform:none!important}.grid-container .exam-item:not(:first-child) em,.grid-container .exam-item:not(:first-child) small,.grid-container .exam-item:not(:first-child) span:last-child,.grid-container .exam-item:not(:first-child) span:nth-child(2){display:inline!important}.grid-container .exam-item:not(:first-child)>:not(:first-child){display:none!important}.grid-container .exam-item:not(:first-child):after{color:#0f172a8c;content:" • Premium";font-size:.85rem;font-weight:700;letter-spacing:.2px;margin-left:.25rem}.grid-container .exam-item:not(:first-child){background:#94a3b840!important;border-color:#94a3b866!important;color:#0f172ab8!important;cursor:not-allowed!important}.grid-container .exam-item:not(:first-child):before{content:"🔒";font-size:1rem;line-height:1;margin-right:.55rem;opacity:.85;transform:translateY(-1px)}