.back-button{background-color:#f0f0f0;color:#333;padding:8px 16px;margin-bottom:16px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background-color .2s}.back-button:hover{background-color:#ddd}:root{--light-steel-blue: hsl(218, 33%, 77%);--royal-blue-light: hsl(225, 68%, 53%);--flickr-blue_30: hsla(225, 68%, 53%, .3);--carolina-blue: hsl(201, 92%, 47%);--oxford-blue-1: hsl(218, 70%, 18%);--oxford-blue-2: hsl(217, 100%, 12%);--oxford-blue-3: hsl(218, 71%, 11%);--gainsboro_50: hsla(0, 0%, 85%, .5);--lavender-web: hsl(225, 67%, 91%);--sonic-silver: hsl(0, 0%, 47%);--light-gray: hsl(0, 0%, 84%);--cultured: hsl(0, 0%, 97%);--black_10: hsla(0, 0%, 0%, .1);--black_8: hsla(0, 0%, 0%, .08);--white: hsl(0, 0%, 100%);--black: hsl(0, 0%, 0%);--jet: hsl(0, 0%, 20%);--gradient: linear-gradient(90deg, var(--carolina-blue) 0%, var(--royal-blue-light) 100%);--ff-roboto: "Roboto", sans-serif;--ff-poppins: "Poppins", sans-serif;--fs-1: 4rem;--fs-2: 3.6rem;--fs-3: 3.2rem;--fs-4: 2.4rem;--fs-5: 2.2rem;--fs-6: 1.8rem;--fs-7: 1.6rem;--fw-800: 800;--fw-700: 700;--fw-600: 600;--fw-500: 500;--section-padding: 120px;--shadow-1: 4px 4px 15px var(--black_10);--shadow-2: 0 10px 15px var(--black_10);--shadow-3: 0px 20px 60px var(--black_8);--shadow-4: 0px 10px 30px var(--flickr-blue_30);--shadow-5: 0px 2px 60px 0px var(--black_10);--radius-6: 6px;--radius-4: 4px;--transition: .25s ease;--cubic-out: cubic-bezier(.33, .85, .4, .96)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}li{list-style:none}a{text-decoration:none;color:inherit}a,img,span,input,button,ion-icon{display:block}img{height:auto}input,button{background:none;border:none;font:inherit}input{width:100%}button{cursor:pointer}ion-icon{pointer-events:none}address{font-style:normal}html{font-family:var(--ff-roboto);font-size:10px;scroll-behavior:smooth}body{background-color:var(--white);color:var(--sonic-silver);font-size:1.5rem}.container{padding-inline:25px}.section{padding-block:var(--section-padding)}.section-subtitle{color:var(--royal-blue-light);font-family:var(--ff-poppins);font-size:var(--fs-6);font-weight:var(--fw-700);text-transform:uppercase;margin-block-end:10px}.h1,.h2,.h3{font-family:var(--ff-poppins);line-height:1.2}.h1{color:var(--oxford-blue-1);font-size:var(--fs-2)}.h2,.h3{color:var(--oxford-blue-2)}.h2{font-size:var(--fs-1)}.h3{font-size:var(--fs-5)}.btn{background-image:linear-gradient(var(--deg, 90deg),var(--carolina-blue) 0%,var(--royal-blue-light) 100%);color:var(--white);font-size:var(--fs-7);text-transform:uppercase;padding:20px 30px;text-align:center;border-radius:var(--radius-4);box-shadow:var(--shadow-4)}.btn:is(:hover,:focus){--deg: -90deg}.w-100{width:100%}.text-center{text-align:center}.card-text,.section-text{line-height:1.7}.img-holder{aspect-ratio:var(--width) / var(--height);background-color:var(--light-gray)}.img-cover{width:100%;height:100%;object-fit:cover}.header-bottom.scrolled{background-color:#fff!important;box-shadow:0 2px 8px #0000001a}.header-bottom.hidden{transform:translateY(-59%)}.header-bottom.scrolled .logo,.header-bottom.scrolled .navbar-link,.header-bottom.scrolled .nav-toggle-btn{color:#333!important}.navbar{background-color:#ffe4e1}.header-bottom.scrolled .navbar{background-color:#fff}.header-top{display:none}.auth-buttons{display:flex;gap:10px;align-items:center}.header-bottom{position:fixed;top:0;left:0;width:100%;padding-block:15px;z-index:4}.header-bottom.active{position:fixed;top:-81px;background-color:var(--white);box-shadow:var(--shadow-2);animation:slideIn .5s var(--cubic-out) forwards}@keyframes slideIn{0%{transform:translateY(0)}to{transform:translateY(100%)}}.header-bottom>.container{display:flex;justify-content:space-between;align-items:center;gap:20px}.logo{color:var(--oxford-blue-1);font-family:var(--ff-poppins);font-size:3.4rem;font-weight:var(--fw-800)}.logo3{color:#fff;font-family:var(--ff-poppins);font-size:3.4rem;font-weight:var(--fw-800)}.nav-toggle-btn{color:var(--black);font-size:30px;border:1px solid var(--black);padding:5px}.nav-toggle-btn.active .menu-icon,.nav-toggle-btn .close-icon{display:none}.nav-toggle-btn .menu-icon,.nav-toggle-btn.active .close-icon{display:block}.navbar{position:absolute;top:calc(100% + 5px);left:25px;right:25px;background-color:var(--white);padding-inline:0;box-shadow:var(--shadow-1);max-height:0;visibility:hidden;overflow:hidden;transition:.25s var(--cubic-out)}.navbar.active{visibility:visible;max-height:244px;transition-duration:.5s}.navbar-list>li:not(:last-child){border-block-end:1px solid var(--gainsboro_50)}.navbar-link{color:var(--jet);text-transform:uppercase;font-weight:var(--fw-600);padding:15px}.hero{background-repeat:no-repeat;background-size:cover;background-position:center;padding-block-end:calc(var(--section-padding) / 2)}.hero-content{margin-block-end:50px}.hero-title{margin-block:15px 30px}.hero-text{font-size:var(--fs-6);line-height:1.45;margin-block-end:40px}.hero-form{background-color:var(--white);max-width:95%;padding:15px;border-radius:var(--radius-4);box-shadow:var(--shadow-3)}.hero-form .email-field{background-color:var(--cultured);color:var(--black);min-height:70px;padding-inline:15px;border-radius:var(--radius-4);margin-block-end:15px}.hero-form .btn{width:100%}.service-banner{display:none}.service{padding-block-end:0}.service .section-title{margin-block-end:50px}.service-list{display:grid;gap:15px}.service-card{display:flex;align-items:flex-start;gap:30px;min-height:100%;border:1px solid var(--light-gray);border-radius:var(--radius-4);padding:30px}.service-card .card-icon{width:50px;flex-shrink:0}.service-card .card-title{margin-block-end:8px}.about{padding-block-end:0}.about-banner{margin-block-end:50px}.about .section-text-1{margin-block:25px 15px}.about .btn{font-size:unset;max-width:max-content;margin-block-start:30px;padding-inline:15px}.about{padding:4rem 2rem;background-color:#f5f5f5;color:#333}.about-banner{margin-bottom:3rem;text-align:center}.about .section-subtitle{font-size:1.5rem;font-weight:600;color:#6c63ff;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.about .section-title{font-size:2.5rem;font-weight:700;color:#222;margin-bottom:2.5rem;text-align:center}.about .section-text-1{font-size:1.1rem;line-height:1.8;max-width:900px;margin:25px auto 15px}.about .btn{font-size:1rem;background-color:#6c63ff;color:#fff;padding:.8rem 1.5rem;border-radius:8px;border:none;cursor:pointer;max-width:max-content;margin-top:30px;transition:background-color .3s ease}.about .btn:hover{background-color:#554ee2}.service-card{display:flex;flex-direction:row;align-items:center;background-color:#fff;padding:2rem;margin-bottom:2rem;border-radius:12px;box-shadow:0 4px 16px #0000001a}.service-card img{border-radius:10px;width:120px;height:120px;object-fit:cover;margin-bottom:1.2rem}.card-title{font-size:1.8rem;font-weight:600;margin-bottom:1rem;color:#444}.card-text{font-size:1.1rem;line-height:1.8;color:#555;text-align:center;max-width:800px}@media(min-width:768px){.service-card{flex-direction:row;text-align:left;gap:2rem}.card-icon{flex-shrink:0}.card-text{text-align:left}}.doctor .section-title{margin-block-end:50px}.doctor-card .card-banner{border-radius:var(--radius-4);overflow:hidden;margin-block-end:25px}.doctor-card{padding:30px;border:1px solid var(--light-gray);border-radius:var(--radius-4);text-align:center;min-height:100%}.doctor-card .card-title{font-size:var(--fs-4);transition:var(--transition)}.doctor-card:is(:hover,:focus-within) .card-title{color:var(--royal-blue-light)}.doctor-card .card-subtitle{color:var(--royal-blue-light);margin-block:10px 15px}.doctor-card .card-social-list{display:flex;justify-content:center;align-items:center;gap:10px}.doctor-card .card-social-link{background-color:var(--lavender-web);color:var(--royal-blue-light);font-size:16px;padding:12px;border-radius:50%;transition:var(--transition)}.doctor-card .card-social-link:is(:hover,:focus){background-color:var(--royal-blue-light);color:var(--white)}.has-scrollbar{display:flex;gap:30px;overflow-x:auto;margin-inline:15px;padding-block-end:40px;margin-block-end:-20px;scroll-snap-type:inline mandatory}.scrollbar-item{min-width:100%;scroll-snap-align:start}.has-scrollbar::-webkit-scrollbar{height:10px}.has-scrollbar::-webkit-scrollbar-track{background-color:var(--light-gray);border-radius:var(--radius-4)}.has-scrollbar::-webkit-scrollbar-thumb{background-color:var(--royal-blue-light);border-radius:var(--radius-4)}.has-scrollbar::-webkit-scrollbar-button{width:calc(25% - 30px)}.cta{background-color:var(--oxford-blue-1)}.cta-banner{margin-block-end:50px}.cta .section-subtitle{text-transform:capitalize}.cta .section-title{color:var(--white);font-size:var(--fs-3);margin-block-end:30px}.cta .btn{max-width:max-content}.blog .section-title{margin-block-end:50px}.blog-list{display:grid;gap:30px}.blog-card{border-radius:var(--radius-4);box-shadow:var(--shadow-5)}.blog-card .card-banner{position:relative;border-radius:var(--radius-4);overflow:hidden}.blog-card .card-banner img{transition:var(--transition)}.blog-card:is(:hover,:focus-within) .card-banner img{transform:scale(1.1)}.blog-card .card-badge{background-color:var(--royal-blue-light);color:var(--white);position:absolute;bottom:25px;left:25px;display:flex;gap:5px;padding:10px 15px;border-radius:var(--radius-6)}.blog-card .card-content{padding:30px}.blog-card .card-title{transition:var(--transition)}.blog-card .card-title:is(:hover,:focus){color:var(--royal-blue-light)}.blog-card .card-text{margin-block:15px}.blog-card .card-link{position:relative;color:var(--royal-blue-light);font-weight:var(--fw-500);text-transform:uppercase;width:max-content;transition:var(--transition)}.blog-card .card-link:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background-color:var(--royal-blue-light);transition:var(--transition)}.blog-card .card-link:is(:hover,:focus){color:var(--oxford-blue-1)}.blog-card .card-link:is(:hover,:focus):after{background-color:var(--oxford-blue-1)}.footer-top{background-color:var(--oxford-blue-2);color:var(--light-steel-blue)}.footer-top .container{display:grid;gap:30px}.footer-brand .logo{color:var(--white)}.footer-text{line-height:1.6;margin-block:15px}.schedule{display:flex;align-items:center;gap:15px}.schedule-icon,.footer-item .item-icon{background-image:var(--gradient);color:var(--white);font-size:18px;padding:11px;border-radius:50%}.schedule .span,.footer-item .item-text{line-height:1.6}.footer-list-title{color:var(--white);font-family:var(--ff-poppins);font-size:var(--fs-4);font-weight:var(--fw-700);margin-block-end:10px}.footer-link{display:flex;align-items:center;gap:5px;padding-block:10px;transition:var(--transition)}.footer-link ion-icon{color:var(--royal-blue-light);--ionicon-stroke-width: 50px}.footer-link:is(:hover,:focus){color:var(--white)}.footer-item{display:flex;align-items:center;gap:10px}.footer-item:not(:first-child){margin-block-start:20px}.footer-bottom{background-color:var(--oxford-blue-3);padding-block:50px;text-align:center}.copyright{color:var(--white);line-height:1.6;margin-block-end:25px}.footer .social-list{display:flex;justify-content:center;align-items:center;gap:15px}.footer .social-link{padding:11px;background-color:#fff3;color:var(--white);font-size:18px;border-radius:50%}.footer .social-link:is(:hover,:focus){background-image:var(--gradient)}.back-top-btn{position:fixed;bottom:10px;right:20px;background-color:var(--royal-blue-light);font-size:18px;color:var(--white);padding:14px;border-radius:50%;visibility:hidden;opacity:0;transition:var(--transition)}.back-top-btn.active{transform:translateY(-10px);visibility:visible;opacity:1}@media(min-width:575px){:root{--fs-1: 4.2rem}.container{max-width:540px;width:100%;margin-inline:auto}.blog-card .h3{--fs-5: 2.6rem}.footer-top .container{grid-template-columns:1fr 1fr}}@media(min-width:768px){:root{--fs-2: 4.8rem}body{font-size:1.6rem}.container{max-width:750px}.section-subtitle{--fs-6: 2.2rem}.hero{overflow:hidden}.hero .container{display:grid;grid-template-columns:1fr .75fr;align-items:center;gap:20px}.hero-content{margin-block-end:0}.hero-form{position:relative}.hero-form .email-field{margin-block-end:0;padding-inline-end:190px}.hero-form .btn{width:auto;position:absolute;top:15px;right:15px;bottom:15px}.hero-banner{margin-inline-end:-60px}.service-list{grid-template-columns:1fr 1fr;column-gap:30px}.scrollbar-item{min-width:calc(50% - 15px)}.cta{padding-block:0}.cta .container{display:grid;grid-template-columns:1fr 1fr;align-items:flex-end;gap:60px}.cta-banner{margin-block-end:0}.cta-content{padding-block:60px}.blog-list{grid-template-columns:1fr 1fr}.footer-bottom{padding-block:30px}.footer-bottom .container{display:flex;justify-content:space-between;align-items:center}.copyright{margin-block-end:0}.back-top-btn{bottom:70px;right:50px}}@media(min-width:992px){:root{--fs-2: 6rem;--fs-1: 4.6rem;--fs-3: 4.6rem}.container{max-width:980px}.header-top{display:block;background-color:var(--oxford-blue-1);color:var(--white);padding-block:20px}.header-top :is(.container,.social-list),.contact-list,.contact-item{display:flex;align-items:center}.header-top .container{justify-content:space-between}.contact-list{gap:20px}.contact-item{gap:5px}.contact-item ion-icon{color:var(--royal-blue-light);--ionicon-stroke-width: 40px}.contact-link{font-size:1.5rem}.header-top .social-list{gap:15px}.header-top .social-link{font-size:var(--fs-6);transition:var(--transition)}.header-top .social-link:is(:hover,:focus){color:var(--royal-blue-light)}.header-bottom{top:58px;padding-block:20px}.header-bottom.active{top:-95px}.nav-toggle-btn{display:none}.navbar,.navbar.active{all:unset;margin-inline-start:auto}.navbar-list{display:flex;align-items:center}.navbar-list>li:not(:last-child){border-block-end:none}.navbar-link{color:var(--oxford-blue-1);font-family:var(--ff-poppins);text-transform:capitalize;transition:var(--transition)}.navbar-link:is(:hover,:focus){color:var(--royal-blue-light)}.header-bottom .btn{display:block;padding:15px 20px}.service-list{grid-template-columns:repeat(3,1fr)}.service-banner{display:block;grid-column:2 / 3;grid-row:1 / 4;align-self:center}.about .container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.about-banner{margin-block-end:0}.scrollbar-item{min-width:calc(33.33% - 20px)}.cta-content{padding-block:80px}.blog-list{grid-template-columns:repeat(3,1fr)}.footer-top .container{grid-template-columns:1fr .5fr .6fr .75fr}}@media(min-width:1200px){:root{--fs-2: 8rem;--fs-1: 5.5rem;--fs-3: 4.8rem}.bt{margin:10px}.container{max-width:1180px}.contact-list{gap:30px}.header-bottom .btn{padding:18px 30px}.header-bottom>.container{gap:40px}.navbar-list{gap:15px}.about .container{grid-template-columns:.85fr 1fr;gap:100px}.doctor{padding-block-end:180px}.scrollbar-item{min-width:calc(25% - 22.5px)}.has-scrollbar{padding-block-end:0;margin-block-end:0}.cta .container{align-items:center}.cta-banner{margin-block-start:-120px}}.contact-container{padding:3rem 2rem;text-align:center;background:linear-gradient(to right,#fff0f5,#ffe4e1);min-height:100vh;font-family:Comic Sans MS,Poppins,cursive;animation:fadeInContact 1.5s ease}.contact-container h1{font-size:3.5rem;color:#ff6f91;margin-bottom:1.2rem}.contact-intro{font-size:1.6rem;color:#555;margin-bottom:2.5rem;font-weight:500}.contact-card{background:#fff;border:3px solid #ffb6b9;padding:2.5rem;margin:1.5rem auto;max-width:500px;border-radius:25px;box-shadow:0 6px 18px #ff698733;transition:transform .3s ease}.contact-card:hover{transform:scale(1.05);background-color:#fffaf0}.contact-card h3{font-size:2rem;color:#ff6f61;margin-bottom:1rem}.contact-card p a{font-size:1.5rem;color:#333;text-decoration:none;font-weight:700}.contact-card p a:hover{text-decoration:underline;color:#ff6f91}.contact-message{font-size:1.5rem;margin-top:3rem;color:#6a4e4e;max-width:700px;margin-left:auto;margin-right:auto;font-weight:500}@keyframes fadeInContact{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.welcome-section{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:30px 40px;border-radius:18px;box-shadow:0 10px 25px #0000000d;margin-bottom:40px}.welcome-left h1{font-size:32px;font-weight:700;color:#0d47a1}.welcome-left h1 span{color:#1976d2}.quote{font-size:18px;margin-top:10px;color:#1565c0;font-style:italic}.date{margin-top:8px;font-size:16px;color:#37474f}.welcome-avatar img{width:80px;height:80px;border-radius:50%;border:3px solid #1976d2;object-fit:cover}.bb-header{display:flex;justify-content:space-between;align-items:center;background-color:#0d47a1;color:#fff;padding:18px 40px;box-shadow:0 4px 12px #0000001a;position:sticky;top:0;z-index:1000;flex-wrap:wrap}.logo2{font-size:26px;font-weight:700;color:#fff}.nav-links{display:flex;gap:24px;transition:all .3s ease}.nav-links a{color:#fff;text-decoration:none;font-size:17px;transition:color .3s ease}.nav-links a:hover{color:#ffeb3b}.nav-links a.active{font-weight:700;position:relative}.nav-links a.active:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;background-color:#ffeb3b;border-radius:2px}.signout-btn{background-color:#f44;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;margin-left:1rem;font-weight:700;transition:background-color .3s ease}.signout-btn:hover{background-color:#c00}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.hamburger .bar{width:25px;height:3px;background-color:#fff;transition:all .3s ease}@media(max-width:768px){.bb-header{flex-direction:column;align-items:flex-start;padding:16px 20px}.hamburger{display:flex;margin-left:auto}.nav-links{display:none;flex-direction:column;width:100%;gap:16px;margin-top:10px}.nav-links.show{display:flex;position:absolute;top:70px;left:0;background-color:#0d47a1;padding:20px;width:100%;box-shadow:0 8px 16px #0003;z-index:999}.signout-btn{margin-top:1rem;width:100%;text-align:center}}.learning-tools{background:#f9f9f9;border-radius:18px;padding:30px 40px;box-shadow:0 10px 25px #0000000a;margin-bottom:40px}.learning-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.learning-header h2{font-size:26px;color:#0d47a1;font-weight:700}.study-button{background-color:#1976d2;color:#fff;padding:12px 24px;border:none;border-radius:12px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.study-button:hover{background-color:#0d47a1}.subject-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;margin-bottom:30px}.subject-card{display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:16px;text-align:center;box-shadow:0 6px 12px #0000000d;cursor:pointer;transition:transform .2s ease}.subject-card:hover{transform:translateY(-5px)}.subject-card .icon{font-size:32px;margin-bottom:10px}.ask-ai{display:flex;gap:12px}.ask-ai input{flex-grow:1;padding:12px 16px;border:1px solid #ccc;border-radius:12px;font-size:16px}.ask-ai button{background-color:#1565c0;color:#fff;padding:12px 20px;border:none;border-radius:12px;font-size:16px;cursor:pointer}.brain-recommendations{background-color:#f9fbe7;padding:35px 40px;border-radius:18px;box-shadow:0 10px 25px #00000008;margin-bottom:40px}.brain-recommendations h2{font-size:26px;color:#33691e;margin-bottom:8px;font-weight:700}.subtitle{font-size:16px;color:#558b2f;margin-bottom:25px;font-style:italic}.recommendation-list{display:flex;gap:20px;flex-wrap:wrap}.recommendation-card{flex:1;min-width:220px;background-color:#fff;padding:18px;border-radius:14px;border-left:6px solid #aed581;text-decoration:none;color:#1b5e20;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 12px #0000000a}.recommendation-card:hover{transform:translateY(-4px);box-shadow:0 12px 18px #0000000f}.rec-type{font-size:14px;color:#7cb342;font-weight:700;text-transform:uppercase}.rec-title{margin-top:10px;font-size:18px;font-weight:600;line-height:1.4}.rec-tag{margin-top:8px;font-size:14px;color:#8bc34a}.grades-page{padding:40px;font-family:Segoe UI,sans-serif;background-color:#f1f8e9;color:#2e7d32;min-height:100vh}.grades-page h2{font-size:36px;font-weight:700;margin-bottom:30px;color:#1b5e20}.grades-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:25px}.grade-card{background-color:#fff;border-left:6px solid #66bb6a;border-radius:12px;box-shadow:0 8px 20px #00000014;padding:25px;transition:transform .2s ease}.grade-card:hover{transform:translateY(-5px)}.grade-card h3{margin-bottom:15px;font-size:22px;color:#388e3c}.grade-card p{font-size:18px;margin:5px 0}.grade-progress{background-color:#c8e6c9;border-radius:6px;height:14px;width:100%;overflow:hidden;margin-top:10px}.grade-progress-bar{height:100%;background-color:#43a047;transition:width .4s ease-in-out}@media screen and (max-width:768px){.grades-page{padding:20px}.grades-page h2{font-size:28px}.grade-card{padding:20px}}.calendar-page{padding:40px;font-family:Comic Sans MS,Segoe UI,sans-serif;background-color:#fff7e6;min-height:100vh;color:#ff6f00;text-align:center}.calendar-page h1{font-size:40px;margin-bottom:10px;color:#ff9800;font-weight:700;text-shadow:1px 1px #fff3e0}.calendar-page p{font-size:20px;margin-bottom:30px;color:#fb8c00;font-style:italic}.react-calendar{width:100%;max-width:650px;margin:0 auto;background:#fff;border-radius:18px;border:3px dashed #ffcc80;box-shadow:0 10px 25px #00000014;padding:25px;font-size:16px}.react-calendar__navigation{margin-bottom:20px}.react-calendar__navigation button{background-color:#fff3e0;color:#e65100;font-size:18px;font-weight:700;border:none;margin:4px;padding:10px 15px;border-radius:12px;cursor:pointer;transition:all .3s ease}.react-calendar__navigation button:hover{background-color:#ffe0b2;transform:scale(1.05)}.react-calendar__tile{background-color:#fce4ec;color:#ad1457;font-weight:700;margin:2px;padding:12px 0;border-radius:10px;transition:all .3s ease}.react-calendar__tile:hover{background-color:#f8bbd0;transform:scale(1.05)}.react-calendar__tile--now{background:#ffe082!important;color:#e65100;font-weight:700;border:2px solid #ffb300}.react-calendar__tile--active{background:#ffd54f!important;color:#fff;font-weight:700;border:2px solid #ff8f00}.react-calendar__tile--active:hover{background:#ffb74d!important}@media screen and (max-width:768px){.calendar-page{padding:20px}.calendar-page h1{font-size:28px}.react-calendar{padding:15px}}.settings-page{padding:40px;font-family:Comic Sans MS,Segoe UI,sans-serif;background-color:#fff8e1;min-height:100vh;color:#4e342e}.settings-page h1{font-size:36px;margin-bottom:10px;color:#ff6f00}.settings-page p{font-size:18px;margin-bottom:30px;color:#ff8f00}.settings-form{background-color:#fffde7;border-radius:16px;padding:30px;max-width:600px;margin:0 auto;box-shadow:0 12px 25px #00000014}.settings-form label{display:block;font-size:18px;margin-bottom:20px;color:#5d4037}.settings-form input[type=text],.settings-form input[type=email],.settings-form select{width:100%;padding:10px 14px;border-radius:10px;border:2px solid #ffe082;font-size:16px;background-color:#fffde7;margin-top:6px}.settings-form .checkbox-label{display:flex;align-items:center;font-size:16px;margin-top:10px;gap:10px}.settings-form input[type=checkbox]{transform:scale(1.4);accent-color:#ffca28}.settings-form button{background-color:#ffca28;color:#4e342e;font-weight:700;border:none;padding:12px 20px;border-radius:10px;font-size:16px;cursor:pointer;margin-top:20px;transition:background-color .3s ease}.settings-form button:hover{background-color:#ffb300}@media screen and (max-width:768px){.settings-page{padding:20px}.settings-page h1{font-size:28px}.settings-form{padding:20px}}.activities-container{padding:3rem 1.5rem;text-align:center;background:linear-gradient(to bottom right,#fff5e4,#ffeecf);min-height:100vh;font-family:Comic Sans MS,Poppins,cursive;animation:fadeInPage 1.5s ease}.activities-container h1{font-size:3rem;color:#ff6f61;margin-bottom:.5rem;animation:bounceIn 1s ease-in-out}.sub-heading{font-size:1.5rem;color:#444;margin-bottom:2rem;animation:fadeInSub 2s ease}.activities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:0 1rem}.activity-card{background:#fffef4;border:3px solid #ffcf75;padding:2rem;border-radius:30px;box-shadow:6px 6px 20px #0000001f;transition:transform .4s ease,box-shadow .4s ease,background-color .4s ease;cursor:pointer;position:relative;overflow:hidden;animation:popUp 1.2s ease}.activity-card:hover{transform:scale(1.08) rotate(-1deg);box-shadow:0 12px 30px #ff910066;background-color:#fff3c4}.activity-card h3{font-size:1.8rem;color:#f58b00;margin-bottom:.8rem}.activity-card p{font-size:1.2rem;color:#333}.activity-card:after{content:"🌟";position:absolute;font-size:2rem;bottom:10px;right:15px;opacity:.3;transform:rotate(-15deg)}@keyframes fadeInPage{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInSub{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{transform:scale(.8)}50%{transform:scale(1.05)}to{transform:scale(1)}}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(to right,#cce3f3,#f5faff);font-family:Poppins,sans-serif;padding:3rem}.login-box{background:#fff;padding:4rem 3.5rem;border-radius:25px;box-shadow:0 18px 45px #00000026;width:100%;max-width:600px;text-align:center}.login-box h2{font-size:3.2rem;margin-bottom:2.5rem;color:#333;font-weight:800}.input-group{text-align:left;margin-bottom:2rem}.input-group label{display:block;margin-bottom:.7rem;font-weight:700;color:#444;font-size:1.6rem}.input-group input{width:100%;padding:1.3rem;border:2px solid #ccc;border-radius:14px;font-size:1.4rem}.password-wrapper{position:relative}.eye-icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);cursor:pointer;color:#666;font-size:1.6rem}.login-btn{width:100%;padding:1.3rem;background-color:#007bff;color:#fff;border:none;font-weight:700;border-radius:14px;font-size:1.5rem;margin-top:1.5rem;cursor:pointer;transition:.3s ease}.login-btn:hover{background-color:#0056b3}.divider{margin:2.5rem 0;font-weight:700;color:#999;font-size:1.3rem}.google-login-btn{display:flex;align-items:center;justify-content:center;gap:1.2rem;width:100%;padding:1.2rem;border:none;background-color:#db4437;color:#fff;font-weight:700;border-radius:14px;font-size:1.5rem;cursor:pointer;transition:background-color .3s ease}.google-login-btn:hover{background-color:#c23321}.google-icon{font-size:1.8rem}.error-message{color:red;margin-bottom:1rem;text-align:center}.login-btn:disabled{opacity:.6;cursor:not-allowed}.joinus-container{max-width:720px;margin:4rem auto;background:linear-gradient(to right,#fef6ff,#d8faff);padding:4rem 3rem;border-radius:35px;box-shadow:0 18px 40px #00000026;font-family:Comic Sans MS,Poppins,cursive;text-align:center;animation:popIn .9s ease}.joinus-container h1{font-size:3.5rem;color:#007bff;margin-bottom:1rem}.joinus-container p{font-size:1.6rem;color:#444;margin-bottom:3rem;font-weight:500}.joinus-form{display:flex;flex-direction:column;gap:2rem}.field{text-align:left}.field label{display:block;font-size:1.6rem;font-weight:700;color:#333;margin-bottom:.8rem}.field input,.field select{width:100%;padding:1.2rem;font-size:1.4rem;border:2.5px solid #cce;border-radius:15px;background-color:#fff;transition:border .3s ease,transform .2s}.field input:focus,.field select:focus{border-color:#007bff;outline:none;transform:scale(1.02)}.joinus-btn{background-color:#ff69b4;color:#fff;padding:1.3rem;border:none;font-size:1.6rem;font-weight:700;border-radius:20px;cursor:pointer;margin-top:2rem;transition:background-color .3s ease,transform .2s}.joinus-btn:hover{background-color:#ff1493;transform:scale(1.05)}@keyframes popIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.vocab-module{padding:6rem 10%;background:#f9fbff;font-family:Comic Sans MS,Segoe UI,sans-serif;font-size:1.5rem;color:#222}.vocab-module h2{text-align:center;font-size:clamp(2.8rem,5vw,4.5rem);margin-bottom:4rem;font-weight:900;color:#004bb5;text-shadow:2px 2px #d0e4ff}.vocab-content{display:flex;flex-wrap:wrap;gap:4rem;justify-content:space-evenly}.word-bank{flex:1 1 420px;background:#fff;padding:3rem;border-radius:25px;border:3px dotted #004bb5;box-shadow:0 12px 30px #004bb51a;max-height:1200px;overflow-y:auto;min-width:320px}.draggable-word{display:flex;justify-content:space-between;align-items:center;background:#d6eeff;padding:1.5rem 2rem;margin-bottom:1.5rem;border-radius:12px;border:2px dotted #0066cc;cursor:grab;font-weight:700;font-size:clamp(1.5rem,3vw,1.9rem);transition:all .3s ease}.draggable-word:hover{background:#bee2ff;transform:scale(1.03)}.image-area{flex:2 1 700px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:3rem}.vocab-card{background:#fff;border:3px dotted #ccc;border-radius:20px;padding:3rem 2rem;text-align:center;box-shadow:0 10px 25px #00000014;transition:transform .3s ease}.vocab-card:hover{transform:scale(1.05);border-color:#4c8fff}.vocab-image{width:100%;max-width:200px;height:auto;margin-bottom:1.5rem;border:2px dashed #ccc;border-radius:12px}.SentenceText{padding:1.5rem;width:100%;border-radius:12px;font-size:clamp(1.5rem,2.5vw,1.8rem);background:#f0f7ff;border:2px dashed #004bb5;margin-top:1.4rem;resize:none}button,.controls button{padding:1.3rem 2.7rem;background:#004bb5;color:#fff;border:3px dotted #fff;border-radius:12px;font-weight:800;font-size:clamp(1.4rem,2.5vw,1.8rem);cursor:pointer;margin-top:1.5rem;transition:background .25s ease,transform .25s ease}button:hover,.controls button:hover{background:#003a8c;transform:scale(1.05)}@media(max-width:1024px){.vocab-content{flex-direction:column}.image-area{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media(max-width:768px){.word-bank{width:100%!important;max-height:none;padding:2rem}.image-area{grid-template-columns:repeat(2,1fr)}.SentenceText,.draggable-word{font-size:1.5rem}.vocab-module{padding:3rem}}@media(max-width:480px){.image-area{grid-template-columns:1fr}.draggable-word{flex-direction:column;align-items:flex-start;font-size:1.3rem}.SentenceText{font-size:1.2rem}.vocab-image{max-width:120px}.controls button{width:100%;margin-bottom:1.2rem}}.congrats-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom right,#fceabb,#f8b500);color:#fff;display:flex;justify-content:center;align-items:center;padding:40px;z-index:9999;font-size:2.8rem;font-family:Comic Neue,cursive;font-weight:700;animation:fadeInOut 6s ease-in-out forwards;text-shadow:2px 2px #ff9800}.writing-assessment{padding:2rem;background:#fefefe;border-radius:12px;box-shadow:0 0 10px #0000000d}textarea{width:100%;padding:1rem;font-size:2rem;border-radius:8px;border:1px solid #ccc;margin-bottom:1rem;resize:vertical}.dictation-area button{background-color:#6c63ff;color:#fff;padding:.6rem 1rem;border:none;border-radius:6px;cursor:pointer}.dictation-area button.active{background-color:#ff8c00}.criteria-table{margin-top:2rem}.criteria-table table{width:100%;border-collapse:collapse;font-size:1rem}.criteria-table th,.criteria-table td{padding:.75rem;border:1px solid #ddd;text-align:center;font-size:2rem}.editable-box{border:2px solid #ccc;padding:10px;min-height:150px;background:#fff;font-size:2rem;line-height:1.5;margin-bottom:1rem;white-space:pre-wrap}.editable-box:focus{outline:2px solid #2c87f0}.error{background-color:#ffe5e5;border-bottom:2px dotted red;cursor:help}.dictation-area{margin:10px 0}.dictation-area button{padding:8px 14px;background-color:#4285f4;border:none;color:#fff;border-radius:5px;font-weight:700;cursor:pointer}.dictation-area button.active{background-color:#d32f2f}.preemptive-hints ul{background-color:#fef6e4;border-left:4px solid #facc15;padding:10px;border-radius:5px;list-style-type:none}.preemptive-hints li{margin-bottom:5px;font-size:20px}.writing-assessment{display:flex;flex-direction:column;padding:1rem;font-family:Segoe UI,sans-serif;max-width:1000px;margin:auto;gap:1rem}.writing-assessment h2{font-size:2rem;margin-bottom:.5rem}.writing-textarea{width:100%;min-height:150px;font-size:2rem;padding:.8rem;border-radius:8px;border:1px solid #ccc;resize:vertical}.dictation-area{display:flex;flex-wrap:wrap;gap:.5rem}.dictation-area button{padding:.5rem 1rem;border:none;background:#07c;color:#fff;border-radius:5px;cursor:pointer;transition:background .2s ease-in-out}.dictation-area button:hover{background:#005fa3}.dictation-area button.active{background:#28a745}.feedback-layout{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.preemptive-hints,.highlighted-suggestions,.criteria-table{flex:1 1 300px;border:1px solid #ddd;border-radius:8px;padding:1rem;background:#fafafa}.highlight-box{background:#fff4f4;padding:.5rem;border-radius:5px;margin-bottom:.5rem;border:1px solid #e0e0e0}.highlight-box button{background:#4caf50;color:#fff;border:none;padding:.2rem .5rem;margin-left:.5rem;border-radius:4px;cursor:pointer}.criteria-table table{width:100%;border-collapse:collapse}.criteria-table th,.criteria-table td{border:1px solid #ccc;padding:.4rem;text-align:center}.criteria-table th{background:#f0f0f0}@media(max-width:768px){.feedback-layout{flex-direction:column}}.reading-module{max-width:92%;margin:2rem auto;padding:2rem;background:linear-gradient(135deg,#fef6e4,#fde2ff);border-radius:24px;box-shadow:0 0 25px #00000014;font-family:Comic Neue,cursive;font-size:1.7rem;position:relative;border:5px dashed #ffb347;animation:bounceIn .7s ease-in-out}@keyframes bounceIn{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}h2,h3{text-align:center;margin-bottom:2rem;font-size:2.8rem;color:#ff6f61;text-shadow:1px 1px 0 #fff}.passage-paragraph{background:#fff;padding:2rem;border-left:10px solid #ffcd4d;border-radius:20px;font-size:2rem;line-height:2.2;margin-bottom:2.5rem;text-align:justify;word-break:break-word;white-space:pre-wrap;position:relative;animation:slideFade .6s ease-in-out}@keyframes slideFade{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.passage-paragraph:before{content:"📖";position:absolute;top:-20px;right:20px;font-size:2.5rem}.highlighted-word{background-color:#ffff8d;border-radius:6px;padding:0 4px;animation:glow 1.5s infinite alternate}@keyframes glow{0%{background-color:#ffff8d}to{background-color:#fff176}}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:2rem}.controls button{padding:1rem 2rem;font-size:1.8rem;background-color:#4fc3f7;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 5px #039be5}.controls button:hover{background-color:#29b6f6;transform:translateY(-2px)}.feedback{text-align:center;font-style:italic;font-weight:700;color:#6a1b9a;font-size:1.6rem;margin-top:2rem}.questions-section{margin-top:3rem;border-top:3px dotted #ffb74d;padding-top:2rem}.question-block{margin-bottom:2.5rem;background:#fff8dc;border-radius:14px;padding:1.5rem;box-shadow:0 0 10px #ffa50026}.question-block label{display:block;font-weight:700;font-size:1.6rem;margin-bottom:1rem;color:#ff7043}.question-block input{width:100%;padding:1rem;font-size:1.5rem;border:2px solid #ffa726;border-radius:8px}.check-btn{display:block;margin:3rem auto;background:#00c853;color:#fff;font-weight:700;font-size:1.8rem;padding:1.3rem 3rem;border-radius:14px;border:none;cursor:pointer;box-shadow:0 5px #009624;transition:.2s}.check-btn:disabled{background-color:#ccc;cursor:not-allowed;box-shadow:none}.stars{text-align:center;margin-top:3rem}.star-icons span{font-size:3rem;margin:0 10px;color:gold;animation:bounceStar 1.5s infinite ease-in-out}@keyframes bounceStar{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.navigation-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:3rem}.navigation-buttons button{padding:1.2rem 2rem;font-size:1.6rem;font-weight:700;border-radius:12px;background-color:#ab47bc;color:#fff;border:none;cursor:pointer;box-shadow:0 4px #7b1fa2;transition:transform .2s}.navigation-buttons button:hover{background-color:#ba68c8;transform:scale(1.05)}.correct{color:green;font-weight:700;font-size:1.6rem}.incorrect{color:red;font-weight:700;font-size:1.6rem}.overlay-content h2{font-size:2.4rem;margin-bottom:2rem;color:#4caf50}.overlay-content button{background-color:#ffb74d;color:#fff;font-size:1.6rem;padding:1rem 2rem;border:none;border-radius:10px;cursor:pointer}.congrats-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom right,#fceabb,#f8b500);color:#fff;display:flex;justify-content:center;align-items:center;padding:40px;z-index:9999;font-size:2.8rem;font-family:Comic Neue,cursive;font-weight:700;animation:fadeInOut 6s ease-in-out forwards;text-shadow:2px 2px #ff9800}@keyframes fadeInOut{0%{opacity:0;transform:scale(.7)}15%{opacity:1;transform:scale(1.05)}85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.7)}}.answer-comparison{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;font-family:monospace;font-size:1.6rem}.correct-letter{color:green;font-weight:700}.wrong-letter{color:red;font-weight:700;text-decoration:underline}.missing-letter{color:gray}@media(max-width:768px){.passage-paragraph{font-size:1.6rem}.controls button,.navigation-buttons button,.check-btn{font-size:1.4rem;padding:.9rem 1.4rem}.question-block input{font-size:1.3rem}.congrats-popup{font-size:2.2rem}}@media(max-width:480px){.passage-paragraph{font-size:1.4rem}.controls button,.navigation-buttons button,.check-btn{font-size:1.2rem;padding:.7rem 1.2rem}.question-block input{font-size:1.2rem}.congrats-popup{font-size:1.9rem}}.listening-speaking-module{padding:2rem;font-family:Comic Sans MS,cursive,sans-serif;background-color:#f7f9fc;color:#333;max-width:1200px;margin:0 auto}.listening-speaking-module h2{font-size:2.5rem;color:#2b7a78;margin-bottom:1.5rem;text-align:center}.section2{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 8px #0000001a}.section2 h3{font-size:4rem;color:#3aafa9;margin-bottom:1rem}.section2 p{font-size:1.8rem}button{background-color:#3aafa9;color:#fff;border:none;padding:.7rem 1.2rem;margin:.5rem;font-size:2rem;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out}button:hover{background-color:#2b7a78;transform:scale(1.05)}.vocab-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem}.vocab-card{width:120px;text-align:center;border:2px dashed #ccc;padding:1rem;border-radius:12px;background-color:#eafaf1;transition:transform .2s}.vocab-card img{max-width:100%;height:80px;object-fit:contain;margin-bottom:.5rem}.vocab-card:hover{transform:scale(1.05)}.match-area{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.drop-box{background:#fff5f5;border:2px dashed #fa8072;padding:1rem;border-radius:10px;width:150px;text-align:center;min-height:80px}.drop-result{margin-top:.5rem;font-weight:700;font-size:2rem;color:#333}.story-steps{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;justify-content:center}.story-steps button{background-color:#ffe066;color:#222;font-weight:700}.story-steps button:hover{background-color:#fc0}ol{padding-left:2rem;margin-top:1rem}ol li{font-size:2rem;margin-bottom:.4rem}.listening-speaking-intro{background:linear-gradient(to right,#e1f5fe,#e8f5e9);border-radius:16px;padding:2rem;max-width:1000px;margin:2rem auto;text-align:center;box-shadow:0 10px 20px #00000014;font-family:Segoe UI,sans-serif}.listening-speaking-intro h1{font-size:2.4rem;color:#00695c;margin-bottom:.7rem;font-weight:700}.intro-subtitle{font-size:2.1rem;color:#424242;margin-bottom:1.5rem}.intro-points li{background:#fff;border-left:6px solid #4caf50;margin:1rem 0;padding:1rem;border-radius:10px;box-shadow:0 3px 10px #0080000d;font-size:2rem;color:#2e7d32}.intro-points strong{color:#1b5e20}.get-started-text{font-size:2rem;font-weight:700;margin-top:2rem;color:#004d40;animation:pulse 2.5s infinite}.reading-intro{background:linear-gradient(to right,#f1f8e9,#e8f5e9);border-radius:16px;padding:2rem;max-width:1000px;margin:2rem auto;text-align:center;box-shadow:0 10px 20px #00000014;font-family:Segoe UI,sans-serif}.reading-intro h1{font-size:2.4rem;color:#33691e;margin-bottom:.7rem;font-weight:700}.intro-subtitle{font-size:2rem;color:#424242;margin-bottom:1.5rem}.intro-points{list-style:none;padding:0;margin:0 auto;text-align:left;max-width:700px}.intro-points li{background:#fff;border-left:6px solid #8bc34a;margin:1rem 0;padding:1rem;border-radius:10px;box-shadow:0 3px 10px #8bc34a1a;font-size:2rem;color:#558b2f}.intro-points strong{color:#33691e}.get-started-text{font-size:2rem;font-weight:700;margin-top:2rem;color:#1b5e20;animation:pulse 2.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.025)}to{transform:scale(1)}}.grammar-check{padding:3rem;max-width:98%;margin:auto;font-size:clamp(1.8rem,4vw,2.5rem);background:linear-gradient(to bottom right,#fff0f5,#e0f7ff);border-radius:3rem;box-shadow:0 12px 35px #00000026;font-family:Comic Sans MS,"Baloo 2",cursive;position:relative;overflow:hidden;border:8px double #ffd166}.grammar-check:before{content:"⭐🎉🌟✨💫";position:absolute;font-size:3.5rem;opacity:.08;top:6%;left:8%;animation:twinkle 8s infinite ease-in-out;white-space:nowrap}@keyframes twinkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.5) rotate(15deg)}}.scoreboard{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;justify-content:space-evenly;font-size:clamp(1.8rem,3.5vw,2.3rem);margin-bottom:2rem;background:#fff9db;padding:1.5rem;border-radius:2.5rem;box-shadow:0 8px 14px #0000001a;border:6px dotted #ffa500}.progress-bar{width:100%;height:24px;background-color:#fff0f6;border-radius:14px;overflow:hidden;margin-bottom:1.5rem;border:4px dashed #ff90b3}.progress-bar .fill{height:100%;background-color:#ff6f61;transition:width .4s ease;border-radius:12px}.sentence{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:2rem}.word{cursor:pointer;border:4px solid transparent;border-radius:2.8rem;padding:1.4rem 2.2rem;background-color:#fff;box-shadow:0 8px 14px #0000001f;transition:all .3s ease;font-size:inherit;font-weight:700;-webkit-user-select:none;user-select:none;color:#333;position:relative}.word:hover{background-color:#fff2e6;transform:scale(1.2)}.word.correct,.word.incorrect{animation-duration:.5s;animation-timing-function:ease}.word.correct{background-color:#c6f6d5;border-color:#38a169;color:#1b5e20;animation-name:bounce}.word.correct:after{content:"🎉✨";font-size:2.5rem;position:absolute;top:-30px;right:-30px}.word.incorrect{background-color:#ffccd5;border-color:#ff4d4d;color:#b71c1c;animation-name:shake}.word.incorrect:after{content:"❌";font-size:2.5rem;position:absolute;top:-30px;right:-30px}.feedback{margin-top:2rem;font-weight:700;font-size:2rem;text-align:center}.feedback.correct{color:#2ecc71}.feedback.incorrect{color:#e74c3c}.navigation-buttons{display:flex;flex-direction:column;gap:24px;align-items:center;margin-top:3rem}.navigation-buttons button{padding:1.6rem 3rem;border:none;border-radius:2.5rem;background-color:#00c4ff;color:#fff;font-weight:700;font-size:1.8rem;box-shadow:0 6px 14px #00000026;transition:all .3s ease;font-family:Comic Sans MS,"Baloo 2",cursive}.navigation-buttons button:hover:not(:disabled){background-color:#0096c7;transform:scale(1.1) rotate(-2deg)}.navigation-buttons button:disabled{opacity:.6;background-color:#ccc;cursor:not-allowed}.mascot{width:clamp(120px,18vw,180px);margin:2.5rem auto;display:block;border-radius:50%;border:8px dashed #feca57;animation:float 3s infinite ease-in-out;box-shadow:0 6px 12px #0000001f}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.congrats-popup{margin-top:2.5rem;padding:2.5rem;background-color:#fff7b2;border:6px dashed #ffb703;border-radius:2.5rem;text-align:center;font-size:2rem;animation:bounceIn .6s ease;box-shadow:0 0 20px #ffc20080}.definitions{margin-top:2rem;text-align:center}.definitions button{margin:.8rem;padding:1.2rem 2.4rem;border:4px solid #ffa600;background-color:#fff4e6;color:#ff8000;border-radius:1.8rem;font-weight:700;font-size:1.6rem;transition:all .3s ease;font-family:Comic Sans MS,"Baloo 2",cursive}.definitions button:hover{background-color:#f90;color:#fff;transform:scale(1.15)}.pass-status-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:999}.pass-status-popup{background:#fff8f0;border-radius:2.5rem;padding:3rem;text-align:center;max-width:500px;width:95%;font-size:clamp(1.8rem,3vw,2.6rem);box-shadow:0 12px 25px #0003;font-family:Comic Sans MS,"Baloo 2",cursive}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-6px)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes bounceIn{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1)}}@media(min-width:600px){.navigation-buttons{flex-direction:row;justify-content:center}.grammar-check{max-width:960px}}@media(max-width:480px){.word{padding:1rem 1.6rem;font-size:1.7rem}.submit-btn,.navigation-buttons button{width:100%}.definitions{text-align:center}.scoreboard{justify-content:center}}.auto-correct-highlight{background-color:#d1ffd1;border:4px dashed #28a745;padding:1.2rem 1.8rem;border-radius:2.5rem;color:#155724;font-weight:700;box-shadow:0 0 10px #28a74599;position:relative}.auto-correct-highlight:after{content:"✔️";position:absolute;top:-30px;right:-30px;font-size:2.2rem}.writing-grammar-intro{background:linear-gradient(135deg,#e0f7fa,#f1f8e9);padding:2.5rem;margin:3rem auto;width:90%;max-width:1000px;border-radius:18px;box-shadow:0 12px 24px #00000014;text-align:center;font-family:Segoe UI,sans-serif;animation:fadeIn 1s ease-in-out}.writing-grammar-intro h1{font-size:3.5rem;color:#004d40;margin-bottom:1.2rem;font-weight:700}.writing-grammar-intro p{font-size:3rem;color:#333;margin-bottom:1rem}.writing-grammar-intro ul{list-style:none;padding:0;margin-top:1rem;margin-bottom:2rem}.writing-grammar-intro li{margin:.8rem 0;font-size:2rem;color:#1b5e20;background:#fffc;border-left:6px solid #4caf50;padding:.75rem 1rem;border-radius:8px;box-shadow:0 2px 6px #4caf5026}.writing-grammar-intro strong{color:#00695c}.call-to-action{font-size:3rem;font-weight:600;color:#00796b;margin-top:1.5rem;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.notfound-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:2rem;text-align:center;background-color:#f0f4fc;color:#2c3e50}.notfound-title{font-size:8rem;font-weight:700;color:#4169e1}.notfound-message{font-size:2rem;margin:1rem 0;line-height:1.6}.notfound-button{display:inline-block;margin-top:1.5rem;padding:.8rem 1.5rem;background-color:#4169e1;color:#fff;text-decoration:none;font-size:2rem;border-radius:8px;transition:background .3s ease}.notfound-button:hover{background-color:#2b50aa}.notfound-illustration img{margin-top:2rem;max-width:300px;height:auto}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
Theme: GitHub
Description: Light theme as seen on github.com
Author: github.com
Maintainer: @Hirse
Updated: 2021-05-15
Outdated base version: https://github.com/primer/github-syntax-light
Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.markdown-body{color-scheme:light;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;color:#1f2328;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:16px;line-height:1.5;word-wrap:break-word}.markdown-body .octicon{display:inline-block;fill:currentColor;vertical-align:text-bottom}.markdown-body h1:hover .anchor .octicon-link:before,.markdown-body h2:hover .anchor .octicon-link:before,.markdown-body h3:hover .anchor .octicon-link:before,.markdown-body h4:hover .anchor .octicon-link:before,.markdown-body h5:hover .anchor .octicon-link:before,.markdown-body h6:hover .anchor .octicon-link:before{width:16px;height:16px;content:" ";display:inline-block;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,");mask-image:url("data:image/svg+xml,")}.markdown-body details,.markdown-body figcaption,.markdown-body figure{display:block}.markdown-body summary{display:list-item}.markdown-body [hidden]{display:none!important}.markdown-body a{background-color:transparent;color:#0969da;text-decoration:none}.markdown-body abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.markdown-body b,.markdown-body strong{font-weight:600}.markdown-body dfn{font-style:italic}.markdown-body h1{margin:.67em 0;font-weight:600;padding-bottom:.3em;font-size:2em;border-bottom:1px solid #d1d9e0b3}.markdown-body mark{background-color:#fff8c5;color:#1f2328}.markdown-body small{font-size:90%}.markdown-body sub,.markdown-body sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.markdown-body sub{bottom:-.25em}.markdown-body sup{top:-.5em}.markdown-body img{border-style:none;max-width:100%;box-sizing:content-box}.markdown-body code,.markdown-body kbd,.markdown-body pre,.markdown-body samp{font-family:monospace;font-size:1em}.markdown-body figure{margin:1em 2.5rem}.markdown-body hr{box-sizing:content-box;overflow:hidden;background:transparent;border-bottom:1px solid #d1d9e0b3;height:.25em;padding:0;margin:1.5rem 0;background-color:#d1d9e0;border:0}.markdown-body input{font:inherit;margin:0;overflow:visible;font-family:inherit;font-size:inherit;line-height:inherit}.markdown-body [type=button],.markdown-body [type=reset],.markdown-body [type=submit]{-webkit-appearance:button;appearance:button}.markdown-body [type=checkbox],.markdown-body [type=radio]{box-sizing:border-box;padding:0}.markdown-body [type=number]::-webkit-inner-spin-button,.markdown-body [type=number]::-webkit-outer-spin-button{height:auto}.markdown-body [type=search]::-webkit-search-cancel-button,.markdown-body [type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.markdown-body ::-webkit-input-placeholder{color:inherit;opacity:.54}.markdown-body ::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}.markdown-body a:hover{text-decoration:underline}.markdown-body ::placeholder{color:#59636e;opacity:1}.markdown-body hr:before{display:table;content:""}.markdown-body hr:after{display:table;clear:both;content:""}.markdown-body table{border-spacing:0;border-collapse:collapse;display:block;width:max-content;max-width:100%;overflow:auto;font-variant:tabular-nums}.markdown-body td,.markdown-body th{padding:0}.markdown-body details summary{cursor:pointer}.markdown-body a:focus,.markdown-body [role=button]:focus,.markdown-body input[type=radio]:focus,.markdown-body input[type=checkbox]:focus{outline:2px solid #0969da;outline-offset:-2px;box-shadow:none}.markdown-body a:focus:not(:focus-visible),.markdown-body [role=button]:focus:not(:focus-visible),.markdown-body input[type=radio]:focus:not(:focus-visible),.markdown-body input[type=checkbox]:focus:not(:focus-visible){outline:solid 1px transparent}.markdown-body a:focus-visible,.markdown-body [role=button]:focus-visible,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus-visible{outline:2px solid #0969da;outline-offset:-2px;box-shadow:none}.markdown-body a:not([class]):focus,.markdown-body a:not([class]):focus-visible,.markdown-body input[type=radio]:focus,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus,.markdown-body input[type=checkbox]:focus-visible{outline-offset:0}.markdown-body kbd{display:inline-block;padding:.25rem;font:11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;line-height:10px;color:#1f2328;vertical-align:middle;background-color:#f6f8fa;border:solid 1px #d1d9e0b3;border-bottom-color:#d1d9e0b3;border-radius:6px;box-shadow:inset 0 -1px #d1d9e0b3}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:1.5rem;margin-bottom:1rem;font-weight:600;line-height:1.25}.markdown-body h2{font-weight:600;padding-bottom:.3em;font-size:1.5em;border-bottom:1px solid #d1d9e0b3}.markdown-body h3{font-weight:600;font-size:1.25em}.markdown-body h4{font-weight:600;font-size:1em}.markdown-body h5{font-weight:600;font-size:.875em}.markdown-body h6{font-weight:600;font-size:.85em;color:#59636e}.markdown-body p{margin-top:0;margin-bottom:10px}.markdown-body blockquote{margin:0;padding:0 1em;color:#59636e;border-left:.25em solid #d1d9e0}.markdown-body ul,.markdown-body ol{margin-top:0;margin-bottom:0;padding-left:2em}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ul ul ol,.markdown-body ul ol ol,.markdown-body ol ul ol,.markdown-body ol ol ol{list-style-type:lower-alpha}.markdown-body dd{margin-left:0}.markdown-body tt,.markdown-body code,.markdown-body samp{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}.markdown-body pre{margin-top:0;margin-bottom:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;word-wrap:normal}.markdown-body .octicon{display:inline-block;overflow:visible!important;vertical-align:text-bottom;fill:currentColor}.markdown-body input::-webkit-outer-spin-button,.markdown-body input::-webkit-inner-spin-button{margin:0;appearance:none}.markdown-body .mr-2{margin-right:.5rem!important}.markdown-body:before{display:table;content:""}.markdown-body:after{display:table;clear:both;content:""}.markdown-body>*:first-child{margin-top:0!important}.markdown-body>*:last-child{margin-bottom:0!important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .absent{color:#d1242f}.markdown-body .anchor{float:left;padding-right:.25rem;margin-left:-20px;line-height:1}.markdown-body .anchor:focus{outline:none}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre,.markdown-body details{margin-top:0;margin-bottom:1rem}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:#1f2328;vertical-align:middle;visibility:hidden}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}.markdown-body h1 tt,.markdown-body h1 code,.markdown-body h2 tt,.markdown-body h2 code,.markdown-body h3 tt,.markdown-body h3 code,.markdown-body h4 tt,.markdown-body h4 code,.markdown-body h5 tt,.markdown-body h5 code,.markdown-body h6 tt,.markdown-body h6 code{padding:0 .2em;font-size:inherit}.markdown-body summary h1,.markdown-body summary h2,.markdown-body summary h3,.markdown-body summary h4,.markdown-body summary h5,.markdown-body summary h6{display:inline-block}.markdown-body summary h1 .anchor,.markdown-body summary h2 .anchor,.markdown-body summary h3 .anchor,.markdown-body summary h4 .anchor,.markdown-body summary h5 .anchor,.markdown-body summary h6 .anchor{margin-left:-40px}.markdown-body summary h1,.markdown-body summary h2{padding-bottom:0;border-bottom:0}.markdown-body ul.no-list,.markdown-body ol.no-list{padding:0;list-style-type:none}.markdown-body ol[type="a s"]{list-style-type:lower-alpha}.markdown-body ol[type="A s"]{list-style-type:upper-alpha}.markdown-body ol[type="i s"]{list-style-type:lower-roman}.markdown-body ol[type="I s"]{list-style-type:upper-roman}.markdown-body ol[type="1"]{list-style-type:decimal}.markdown-body div>ol:not([type]){list-style-type:decimal}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li>p{margin-top:1rem}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:1rem;font-size:1em;font-style:italic;font-weight:600}.markdown-body dl dd{padding:0 1rem;margin-bottom:1rem}.markdown-body table th{font-weight:600}.markdown-body table th,.markdown-body table td{padding:6px 13px;border:1px solid #d1d9e0}.markdown-body table td>:last-child{margin-bottom:0}.markdown-body table tr{background-color:#fff;border-top:1px solid #d1d9e0b3}.markdown-body table tr:nth-child(2n){background-color:#f6f8fa}.markdown-body table img{background-color:transparent}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body .emoji{max-width:none;vertical-align:text-top;background-color:transparent}.markdown-body span.frame{display:block;overflow:hidden}.markdown-body span.frame>span{display:block;float:left;width:auto;padding:7px;margin:13px 0 0;overflow:hidden;border:1px solid #d1d9e0}.markdown-body span.frame span img{display:block;float:left}.markdown-body span.frame span span{display:block;padding:5px 0 0;clear:both;color:#1f2328}.markdown-body span.align-center{display:block;overflow:hidden;clear:both}.markdown-body span.align-center>span{display:block;margin:13px auto 0;overflow:hidden;text-align:center}.markdown-body span.align-center span img{margin:0 auto;text-align:center}.markdown-body span.align-right{display:block;overflow:hidden;clear:both}.markdown-body span.align-right>span{display:block;margin:13px 0 0;overflow:hidden;text-align:right}.markdown-body span.align-right span img{margin:0;text-align:right}.markdown-body span.float-left{display:block;float:left;margin-right:13px;overflow:hidden}.markdown-body span.float-left span{margin:13px 0 0}.markdown-body span.float-right{display:block;float:right;margin-left:13px;overflow:hidden}.markdown-body span.float-right>span{display:block;margin:13px auto 0;overflow:hidden;text-align:right}.markdown-body code,.markdown-body tt{padding:.2em .4em;margin:0;font-size:85%;white-space:break-spaces;background-color:#818b981f;border-radius:6px}.markdown-body code br,.markdown-body tt br{display:none}.markdown-body del code{text-decoration:inherit}.markdown-body samp{font-size:85%}.markdown-body pre code{font-size:100%}.markdown-body pre>code{padding:0;margin:0;word-break:normal;white-space:pre;background:transparent;border:0}.markdown-body .highlight{margin-bottom:1rem}.markdown-body .highlight pre{margin-bottom:0;word-break:normal}.markdown-body .highlight pre,.markdown-body pre{padding:1rem;overflow:auto;font-size:85%;line-height:1.45;color:#1f2328;background-color:#f6f8fa;border-radius:6px}.markdown-body pre code,.markdown-body pre tt{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.markdown-body .csv-data td,.markdown-body .csv-data th{padding:5px;overflow:hidden;font-size:12px;line-height:1;text-align:left;white-space:nowrap}.markdown-body .csv-data .blob-num{padding:10px .5rem 9px;text-align:right;background:#fff;border:0}.markdown-body .csv-data tr{border-top:0}.markdown-body .csv-data th{font-weight:600;background:#f6f8fa;border-top:0}.markdown-body [data-footnote-ref]:before{content:"["}.markdown-body [data-footnote-ref]:after{content:"]"}.markdown-body .footnotes{font-size:12px;color:#59636e;border-top:1px solid #d1d9e0}.markdown-body .footnotes ol{padding-left:1rem}.markdown-body .footnotes ol ul{display:inline-block;padding-left:1rem;margin-top:1rem}.markdown-body .footnotes li{position:relative}.markdown-body .footnotes li:target:before{position:absolute;inset:-.5rem -.5rem -.5rem -1.5rem;pointer-events:none;content:"";border:2px solid #0969da;border-radius:6px}.markdown-body .footnotes li:target{color:#1f2328}.markdown-body .footnotes .data-footnote-backref g-emoji{font-family:monospace}.markdown-body body:has(:modal){padding-right:var(--dialog-scrollgutter)!important}.markdown-body .pl-c{color:#59636e}.markdown-body .pl-c1,.markdown-body .pl-s .pl-v{color:#0550ae}.markdown-body .pl-e,.markdown-body .pl-en{color:#6639ba}.markdown-body .pl-smi,.markdown-body .pl-s .pl-s1{color:#1f2328}.markdown-body .pl-ent{color:#0550ae}.markdown-body .pl-k{color:#cf222e}.markdown-body .pl-s,.markdown-body .pl-pds,.markdown-body .pl-s .pl-pse .pl-s1,.markdown-body .pl-sr,.markdown-body .pl-sr .pl-cce,.markdown-body .pl-sr .pl-sre,.markdown-body .pl-sr .pl-sra{color:#0a3069}.markdown-body .pl-v,.markdown-body .pl-smw{color:#953800}.markdown-body .pl-bu{color:#82071e}.markdown-body .pl-ii{color:#f6f8fa;background-color:#82071e}.markdown-body .pl-c2{color:#f6f8fa;background-color:#cf222e}.markdown-body .pl-sr .pl-cce{font-weight:700;color:#116329}.markdown-body .pl-ml{color:#3b2300}.markdown-body .pl-mh,.markdown-body .pl-mh .pl-en,.markdown-body .pl-ms{font-weight:700;color:#0550ae}.markdown-body .pl-mi{font-style:italic;color:#1f2328}.markdown-body .pl-mb{font-weight:700;color:#1f2328}.markdown-body .pl-md{color:#82071e;background-color:#ffebe9}.markdown-body .pl-mi1{color:#116329;background-color:#dafbe1}.markdown-body .pl-mc{color:#953800;background-color:#ffd8b5}.markdown-body .pl-mi2{color:#d1d9e0;background-color:#0550ae}.markdown-body .pl-mdr{font-weight:700;color:#8250df}.markdown-body .pl-ba{color:#59636e}.markdown-body .pl-sg{color:#818b98}.markdown-body .pl-corl{text-decoration:underline;color:#0a3069}.markdown-body [role=button]:focus:not(:focus-visible),.markdown-body [role=tabpanel][tabindex="0"]:focus:not(:focus-visible),.markdown-body button:focus:not(:focus-visible),.markdown-body summary:focus:not(:focus-visible),.markdown-body a:focus:not(:focus-visible){outline:none;box-shadow:none}.markdown-body [tabindex="0"]:focus:not(:focus-visible),.markdown-body details-dialog:focus:not(:focus-visible){outline:none}.markdown-body g-emoji{display:inline-block;min-width:1ch;font-family:"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:1em;font-style:normal!important;font-weight:400;line-height:1;vertical-align:-.075em}.markdown-body g-emoji img{width:1em;height:1em}.markdown-body .task-list-item{list-style-type:none}.markdown-body .task-list-item label{font-weight:400}.markdown-body .task-list-item.enabled label{cursor:pointer}.markdown-body .task-list-item+.task-list-item{margin-top:.25rem}.markdown-body .task-list-item .handle{display:none}.markdown-body .task-list-item-checkbox{margin:0 .2em .25em -1.4em;vertical-align:middle}.markdown-body ul:dir(rtl) .task-list-item-checkbox{margin:0 -1.6em .25em .2em}.markdown-body ol:dir(rtl) .task-list-item-checkbox{margin:0 -1.6em .25em .2em}.markdown-body .contains-task-list:hover .task-list-item-convert-container,.markdown-body .contains-task-list:focus-within .task-list-item-convert-container{display:block;width:auto;height:24px;overflow:visible;clip:auto}.markdown-body ::-webkit-calendar-picker-indicator{filter:invert(50%)}.markdown-body .markdown-alert{padding:.5rem 1rem;margin-bottom:1rem;color:inherit;border-left:.25em solid #d1d9e0}.markdown-body .markdown-alert>:first-child{margin-top:0}.markdown-body .markdown-alert>:last-child{margin-bottom:0}.markdown-body .markdown-alert .markdown-alert-title{display:flex;font-weight:500;align-items:center;line-height:1}.markdown-body .markdown-alert.markdown-alert-note{border-left-color:#0969da}.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title{color:#0969da}.markdown-body .markdown-alert.markdown-alert-important{border-left-color:#8250df}.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title{color:#8250df}.markdown-body .markdown-alert.markdown-alert-warning{border-left-color:#9a6700}.markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title{color:#9a6700}.markdown-body .markdown-alert.markdown-alert-tip{border-left-color:#1a7f37}.markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title{color:#1a7f37}.markdown-body .markdown-alert.markdown-alert-caution{border-left-color:#cf222e}.markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title{color:#d1242f}.markdown-body>*:first-child>.heading-element:first-child{margin-top:0!important}.markdown-body .highlight pre:has(+.zeroclipboard-container){min-height:52px}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#000}.module-page{min-height:100vh;padding:0;margin:0;background-color:#fff;color:#000}.back-btn{display:inline-block;margin-bottom:20px;padding:8px 12px;background-color:#fff;border:1px solid #ccc;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.back-btn:hover{background-color:#f0f0f0}.loading-block{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:80px}.spinner{border:4px solid #f3f3f3;border-top:4px solid #1d4ed8;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite;margin-bottom:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-block{max-width:500px;margin:60px auto;padding:20px;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:8px;text-align:center}.error-icon{font-size:36px;color:#b91c1c;margin-bottom:12px}.error-block h3{color:#b91c1c;margin-bottom:8px}.error-block p{color:#991b1b;margin-bottom:16px}.retry-btn{padding:8px 16px;background-color:#b91c1c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .2s ease}.retry-btn:hover{background-color:#991b1b}.module-header{display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;width:100%;padding:20px}.module-header content{display:flex;flex-direction:column;justify-content:center;align-items:start;width:100%;max-width:60%}.module-header h1{font-size:24px;font-weight:700;margin-bottom:8px}.module-header p{font-size:14px;color:#555}.module-header .published{display:inline-block;margin-top:8px;padding:4px 10px;font-size:12px;font-weight:700;background-color:#dcfce7;color:#166534;border-radius:12px}.sections-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:20px 0;box-sizing:border-box}.section-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background-color:#fff;border-radius:8px;padding:24px;box-sizing:border-box;width:100%;max-width:60%;margin:0 auto}.section-title{font-size:18px;font-weight:600;margin-bottom:8px}.section-content{margin-bottom:12px;font-size:14px;color:#555}.subsection-card{margin-bottom:16px;padding:12px}.subsection-title{font-weight:600;margin-bottom:8px;font-size:16px}.question-card{display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:12px;padding:10px;background-color:#fff}.question-text{display:flex;justify-content:flex-start;font-size:16px;font-weight:600;color:#000;margin:0 0 6px;text-align:left;width:100%;gap:.5rem;flex-wrap:wrap}question-subtext{font-size:14px;font-weight:400;color:#000;margin-top:4px;margin-bottom:12px}.choices{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.choices label{display:flex;align-items:center;justify-content:flex-start;gap:8px;cursor:pointer;font-size:14px;color:#333;line-height:1.4;white-space:normal;width:100%}.choices input[type=radio]{width:16px;height:16px;min-width:16px;min-height:16px;accent-color:#007bff;cursor:pointer;flex-shrink:0}.choices input[type=radio]{accent-color:#007bff;cursor:pointer}.open-ended{width:100%;padding:6px 10px;border:none;border-bottom:2px solid;font-size:14px;outline:none;transition:border-color .2s ease}.action-buttons{display:flex;justify-content:flex-end;margin-top:20px}@media(max-width:768px){.module-header h1{font-size:20px}.section-title{font-size:16px}.subsection-title{font-size:14px}.question-text,.choices label,.open-ended{font-size:13px}}.submit-btn{display:inline-block;padding:16px 40px;background:#000;color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #2575fc4d;position:relative;overflow:hidden;letter-spacing:.5px}.submit-btn:hover{background-color:gray;color:#000}@media(min-width:1400px){.section-card{max-width:50%}}@media(max-width:1200px){.section-card{max-width:55%}}@media(max-width:992px){.section-card{max-width:60%}}@media(max-width:600px){.section-card{max-width:95%;padding:16px}}.module-card{display:flex;flex-direction:column;justify-content:space-between;background-color:#faf9f6;border:2px solid #d3d3d3;border-radius:16px;padding:1.25rem;width:280px;min-height:250px;box-shadow:0 2px 5px #3c3c3c1a;transition:box-shadow .2s ease,transform .2s ease;font-family:OpenDyslexic,Arial,sans-serif}.module-card:hover{box-shadow:0 4px 10px #3c3c3c26;transform:translateY(-2px)}.module-header{text-align:center;margin-bottom:.5rem}.module-card h2{color:#1b1f3b;margin:0;letter-spacing:.4px}.module-stats{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:#f2f3f5;border-radius:10px;padding:10px 0;margin-bottom:12px;border:1px solid #e5e7eb}.stat-item{display:flex;flex-direction:flex-row;justify-content:space-between;padding:6px 10px;width:100%;text-align:center}.stat-label,.stat-value{width:50%;text-align:left}.stat-label{font-size:1.25rem;color:#000;margin-bottom:3px}.stat-value{font-size:1rem;font-weight:600;color:#0c0e22}.status-text{display:flex;align-items:center;justify-content:center;gap:6px;font-size:1rem;font-weight:600;margin:.8rem 0}.view-btn{background-color:#004aad;color:#fff;font-weight:600;padding:.6rem;border:none;border-radius:10px;cursor:pointer;width:100%;transition:all .2s ease;font-size:1rem}.view-btn:hover{background-color:#003c8c}.view-btn.locked-btn{background-color:#b0b0b0}.not-started-card{border-left:5px solid #a0aec0}.in-progress-card{border-left:5px solid #f4b400}.passed-card{border-left:5px solid #34a853}.locked-card{border-left:5px solid #9e9e9e;opacity:.95}.dialog-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.dialog-box{width:90%;max-width:400px;background:#faf9f6;border-radius:12px;padding:20px;text-align:center;border:2px solid #d3d3d3;box-shadow:0 6px 20px #00000040}.dialog-box h3{color:#004aad;margin-bottom:8px;font-size:1.1rem}.dialog-box p{color:#333;line-height:1.5;font-size:.95rem}.dialog-actions{display:flex;justify-content:center;margin-top:16px}.dialog-button{background-color:#004aad;color:#fff;border:none;padding:8px 18px;border-radius:8px;font-weight:600;cursor:pointer}.dialog-button:hover{background-color:#003c8c}.modules-page{display:flex;flex-direction:column;min-height:100vh;background-color:#f0f4f8}.module-page h1,.module-page h2,.module-page h3,.module-page h4,.module-page h5,.module-page h6{color:#000}.hero{width:100%;background:linear-gradient(to right,#bfdbfe,#93c5fd);text-align:center;padding:4rem 2rem}.hero-title{color:#1e40af;margin-bottom:1rem}.hero-subtitle{font-size:1.5rem;color:#000;max-width:600px;margin:1.5rem auto}.pass-mark{font-size:1.5rem;color:#000}.pass-mark span{font-weight:700;color:#1e40af}.go-home-btn{display:inline-block;margin:2rem auto 0;padding:.75rem 2rem;background-color:#1e40af;color:#fff;font-size:1.1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #00000026}.go-home-btn:hover{background-color:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 14px #0003}.go-home-btn:active{transform:translateY(0);box-shadow:0 3px 8px #0000001a}.modules-section{flex:1;padding:3rem 2rem}.loading,.empty-state{min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;text-align:center;color:#000;font-size:1.125rem}.empty-state p{margin:.25rem 0}.loading h3{color:#000}.modules-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;margin:4rem 0}