@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Poppins:wght@600;700;800&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.block{display:block}.contents{display:contents}.inline{display:inline}.table{display:table}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.topic-image{background:#f3f7f3;height:220px;position:relative;overflow:hidden}.topic-image:after{content:"";background:linear-gradient(#0000 68%,#00000016);position:absolute;inset:0}.topic-image img{object-fit:cover;object-position:center 38%;width:100%;height:100%;transition:transform .35s;display:block}.topic-card:hover .topic-image img{transform:scale(1.04)}.hero{background-image:linear-gradient(90deg,#e8f5e9fa 0%,#e8f5e9e6 43%,#e8f5e957 100%),url(/illustrations/hero-family.jpg);background-position:50%;background-size:cover}.hero-art{display:none}@media (width<=800px){.hero{background-image:linear-gradient(#e8f5e9fa 0%,#e8f5e9e6 62%,#e8f5e97a 100%),url(/illustrations/hero-family.jpg);background-position:64%}.hero-inner{min-height:610px}.hero-copy{max-width:none}}:root{--green:#1b5e20;--green2:#2e7d32;--green3:#4caf50;--pale-green:#e8f5e9;--gold:#f9a825;--blue:#0d47a1;--blue2:#1976d2;--pale-blue:#e3f2fd;--purple:#6a1b9a;--purple2:#7b1fa2;--pale-purple:#f3e5f5;--ink:#333;--muted:#757575;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:Open Sans,Arial,sans-serif}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}h1,h2,h3,h4,p{margin:0}.site-header{z-index:20;background:#fff;border-bottom:1px solid #edf2ee;height:76px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1180px;height:100%;margin:auto;padding:0 30px;display:flex}.brand{text-align:left;align-items:center;gap:10px;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:12px;place-items:center;width:39px;height:39px;font-size:21px;display:grid;box-shadow:0 5px 12px #1b5e202b}.brand strong{color:var(--green);font:800 20px/1 Poppins,sans-serif;display:block}.brand small{color:#888;letter-spacing:1.5px;font-size:9px;font-weight:700}.nav-links{align-items:center;gap:27px;display:flex}.nav-links button{color:#666;font-size:13px;font-weight:600;transition:all .2s}.nav-links button:hover,.nav-links button.active{color:var(--green)}.nav-links .nav-cta{background:var(--green);color:#fff;border-radius:10px;padding:11px 16px;box-shadow:0 7px 14px #1b5e2026}.nav-cta span,.primary-btn span,.topic-content button span{margin-left:9px}.menu-toggle{color:var(--green);font-size:25px;display:none}.hero{background:linear-gradient(120deg,#e8f5e9 0%,#f5fcfb 47%,#e3f2fd 100%);overflow:hidden}.hero-inner{grid-template-columns:1.04fr .96fr;align-items:center;gap:30px;max-width:1180px;min-height:514px;margin:auto;padding:68px 30px 54px;display:grid}.eyebrow,.section-kicker{color:var(--green2);letter-spacing:1.5px;align-items:center;gap:6px;font-size:10px;font-weight:800;display:inline-flex}.eyebrow{background:#fff;border-radius:99px;padding:8px 12px;box-shadow:0 5px 12px #2e7d3212}.eyebrow span{color:var(--gold)}.hero h1{color:var(--green);letter-spacing:-1.8px;margin-top:18px;font:800 clamp(35px,5vw,57px)/1.1 Poppins,sans-serif}.hero h1 span{color:var(--green2)}.hero-upkk{color:var(--gold);letter-spacing:4px;margin-top:6px;font:800 23px Poppins,sans-serif}.hero-upkk b{background:var(--gold);color:#fff;letter-spacing:0;vertical-align:middle;border-radius:5px;padding:4px 7px;font-size:11px}.hero-copy>p{color:#666;max-width:520px;margin-top:18px;font-size:15px;line-height:1.8}.hero-copy>p strong{color:var(--green2)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.primary-btn,.secondary-btn{border-radius:11px;padding:13px 19px;font-size:13px;font-weight:700;transition:all .2s}.primary-btn{background:var(--green2);color:#fff;box-shadow:0 9px 18px #2e7d3230}.primary-btn:hover{background:var(--green);transform:translateY(-2px)}.secondary-btn{border:1px solid var(--green3);color:var(--green2);background:#ffffffb8}.secondary-btn:hover{background:#fff}.hero-note{color:#767676;margin-top:20px;font-size:11px}.hero-note span{color:var(--green3);margin-right:6px;font-weight:800}.hero-art{width:100%;max-width:510px;height:390px;margin:auto;position:relative}.sun-orb{background:#fff7d9;border:11px solid #fff0af;border-radius:50%;width:220px;height:220px;position:absolute;top:48px;right:33px}.cloud{opacity:.8;background:#fff;border-radius:20px;width:70px;height:21px;position:absolute}.cloud:before,.cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.cloud:before{width:28px;height:28px;top:-13px;left:12px}.cloud:after{width:36px;height:36px;top:-20px;left:32px}.cloud-one{top:48px;right:9px}.cloud-two{top:93px;left:34px;transform:scale(.7)}.spark{color:var(--gold);font-size:23px;position:absolute}.spark-one{top:16px;right:50px}.spark-two{font-size:16px;top:190px;left:76px}.mosque-card{background:#d7efd9;border-radius:20px;width:248px;height:130px;position:absolute;bottom:36px;right:34px;box-shadow:inset 0 -13px #c2e5c5}.mosque-dome{background:var(--green2);border-radius:72px 72px 8px 8px;width:72px;height:42px;position:absolute;top:26px;left:87px}.mosque-dome:before{content:"✦";color:var(--gold);font-size:20px;position:absolute;top:-23px;left:28px}.mosque-body{background:#fff;border-radius:11px 11px 0 0;justify-content:space-evenly;align-items:flex-end;width:108px;height:54px;padding:0 12px;display:flex;position:absolute;top:60px;left:70px}.mosque-body span{background:#bde4c1;border-radius:9px 9px 0 0;width:14px;height:27px}.mosque-minaret{background:var(--green);border-radius:7px 7px 0 0;width:16px;height:75px;position:absolute;bottom:16px}.mosque-minaret:before{content:"";border-left:12px solid #0000;border-right:12px solid #0000;border-bottom:16px solid var(--green);position:absolute;top:-10px;left:-4px}.mosque-minaret.left{left:42px}.mosque-minaret.right{right:42px}.mosque-ground{background:var(--green3);border-radius:99px;height:9px;position:absolute;bottom:16px;left:24px;right:24px}.study-child{width:100px;height:173px;position:absolute;bottom:58px;left:54px}.child-head{background:#ffd3ad;border:4px solid #fff;border-radius:50%;width:60px;height:60px;position:absolute;top:0;left:22px}.child-head:before{content:"";background:#6d4c41;border-radius:50% 50% 35% 35%;width:62px;height:38px;position:absolute;top:-13px;left:-5px}.child-head i{background:#333;border-radius:50%;width:6px;height:6px;position:absolute;top:31px}.child-head i:first-child{left:16px}.child-head i:last-child{right:16px}.child-body{background:var(--blue2);border-radius:28px 28px 13px 13px;width:83px;height:92px;position:absolute;top:58px;left:11px}.child-body:after{content:"✦";color:#b9ddff;font-size:20px;position:absolute;top:29px;left:33px}.child-arm{background:#ffd3ad;border-radius:20px;width:55px;height:19px;position:absolute;top:77px}.left-arm{left:-17px;transform:rotate(20deg)}.right-arm{right:-17px;transform:rotate(-20deg)}.book-shape{border-bottom:7px solid var(--gold);width:83px;height:31px;color:var(--green2);text-align:center;background:#fff;border-radius:7px 7px 3px 3px;padding-top:5px;font:800 12px Poppins,sans-serif;position:absolute;bottom:31px;left:108px;transform:rotate(-4deg);box-shadow:0 8px 12px #1b5e2015}.art-caption{color:var(--green2);background:#fff;border-radius:99px;padding:7px 13px;font-size:10px;font-weight:700;position:absolute;bottom:6px;left:91px;box-shadow:0 8px 18px #1b5e2015}.stats-strip{z-index:2;background:#fff;position:relative;box-shadow:0 9px 30px #1b5e2010}.stats-inner{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1050px;margin:auto;padding:24px 30px;display:grid}.stat{border-right:1px solid #ebefeb;justify-content:center;align-items:center;gap:12px;display:flex}.stat:last-child{border:0}.stat-icon{border-radius:12px;place-items:center;width:39px;height:39px;font-size:20px;font-weight:800;display:grid}.green-icon{background:var(--pale-green);color:var(--green2)}.gold-icon{color:#d58b00;background:#fff6da}.blue-icon{background:var(--pale-blue);color:var(--blue2)}.purple-icon{background:var(--pale-purple);color:var(--purple2)}.stat strong{color:#333;font:800 19px/1.2 Poppins,sans-serif;display:block}.stat small{color:#888;font-size:11px}.topics-section{max-width:1180px;margin:auto;padding:84px 30px 96px}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px;display:flex}.section-kicker{letter-spacing:1.7px;font-size:10px}.section-heading h2,.steps-copy h2{color:#244d2a;margin-top:8px;font:800 31px/1.2 Poppins,sans-serif}.section-heading>p{color:#757575;max-width:370px;font-size:13px;line-height:1.7}.topic-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.topic-card{background:#fff;border:1px solid #e5eee6;border-radius:22px;transition:all .2s;overflow:hidden;box-shadow:0 12px 30px #1b5e2010}.topic-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px #1b5e2020}.topic-art{height:144px;position:relative;overflow:hidden}.green .topic-art{background:var(--pale-green)}.blue .topic-art{background:var(--pale-blue)}.purple .topic-art{background:var(--pale-purple)}.topic-circle{opacity:.6;border-radius:50%;width:146px;height:146px;position:absolute;top:19px;left:50%;transform:translate(-50%)}.topic-art-green .topic-circle{background:#b9e6bf}.topic-art-blue .topic-circle{background:#b8ddfb}.topic-art-purple .topic-circle{background:#e0c0ed}.topic-emoji{filter:drop-shadow(0 7px 4px #2e7d3224);font-size:67px;position:absolute;top:32px;left:50%;transform:translate(-50%)}.topic-star{color:#fff;font-size:22px;position:absolute}.star-a{top:37px;left:23%}.star-b{font-size:14px;top:81px;right:23%}.topic-content{padding:21px 23px 23px}.topic-label{letter-spacing:1.4px;color:#929292;font-size:9px;font-weight:800}.topic-content h3{margin-top:7px;font:800 24px Poppins,sans-serif}.topic-card.green h3{color:var(--green2)}.topic-card.blue h3{color:var(--blue2)}.topic-card.purple h3{color:var(--purple2)}.topic-content h4{color:#555;margin-top:1px;font-size:11px;font-weight:700}.topic-content p{color:#777;min-height:62px;margin-top:12px;font-size:12px;line-height:1.7}.topic-content button{margin-top:13px;font-size:12px;font-weight:800}.green .topic-content button{color:var(--green2)}.blue .topic-content button{color:var(--blue2)}.purple .topic-content button{color:var(--purple2)}.steps-section{background:#f7fbf7;border-top:1px solid #e6f0e7;border-bottom:1px solid #e6f0e7}.steps-inner{grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px;max-width:1180px;margin:auto;padding:79px 30px;display:grid}.steps-copy h2 span{color:var(--green3)}.steps-copy>p{color:#777;max-width:390px;margin-top:18px;font-size:13px;line-height:1.8}.steps-copy .primary-btn{margin-top:23px}.steps-list{gap:13px;display:grid}.step{background:#fff;border:1px solid #e4eee5;border-radius:15px;grid-template-columns:42px 54px 1fr;align-items:center;gap:16px;padding:16px 18px;display:grid;box-shadow:0 8px 18px #1b5e2009}.step-number{color:#b8d8bb;font:800 18px Poppins,sans-serif}.step-icon{background:var(--pale-green);border-radius:14px;place-items:center;width:47px;height:47px;font-size:23px;display:grid}.step:nth-child(2) .step-icon{background:var(--pale-blue)}.step:nth-child(3) .step-icon{background:var(--pale-purple)}.step h3{color:var(--green2);letter-spacing:1.2px;font:800 13px Poppins,sans-serif}.step p{color:#777;margin-top:3px;font-size:12px}.site-footer{background:var(--green);color:#fff;justify-content:space-between;align-items:center;gap:20px;padding:31px max(30px,50% - 560px);display:flex}.footer-brand{align-items:center;gap:9px;font:800 18px Poppins,sans-serif;display:flex}.footer-brand .brand-mark{color:var(--green);box-shadow:none;background:#fff;width:31px;height:31px;font-size:16px}.site-footer p{color:#c3e2c5;margin-top:7px;font-size:11px}.footer-right{text-align:right;color:#cae7cc;gap:7px;font-size:11px;display:grid}.footer-right small{color:#92c497;font-size:10px}.modal-backdrop{z-index:30;background:#11381777;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.topic-modal{background:#fff;border-radius:24px;width:100%;max-width:420px;padding:34px;position:relative;box-shadow:0 24px 60px #06340d44}.modal-close{color:#888;font-size:27px;position:absolute;top:12px;right:16px}.modal-icon{border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:20px;font-size:30px;display:grid}.modal-icon.green{background:var(--pale-green)}.modal-icon.blue{background:var(--pale-blue)}.modal-icon.purple{background:var(--pale-purple)}.topic-modal h2{color:#244d2a;margin:7px 0 10px;font:800 23px/1.3 Poppins,sans-serif}.topic-modal>p{color:#666;font-size:13px;line-height:1.7}.mini-lesson{color:#555;background:#f7fbf7;border-radius:13px;gap:8px;margin:19px 0 23px;padding:15px 17px;font-size:12px;display:grid}.mini-lesson strong{color:var(--green2)}.mini-lesson span{color:#666}.topic-modal .primary-btn{width:100%}@media (width<=800px){.site-header{height:68px}.header-inner{padding:0 19px}.menu-toggle{display:block}.nav-links{background:#fff;border-radius:15px;flex-direction:column;align-items:stretch;gap:2px;min-width:160px;padding:14px;display:none;position:absolute;top:61px;right:15px;box-shadow:0 13px 30px #1b5e2024}.nav-links.is-open{display:flex}.nav-links button{text-align:left;padding:10px}.nav-links .nav-cta{text-align:center;margin-top:5px}.hero-inner{grid-template-columns:1fr;min-height:0;padding:50px 22px 45px}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-note{text-align:center}.hero-art{transform-origin:top;max-width:390px;height:300px;margin-bottom:-44px;transform:scale(.86)}.stats-inner{grid-template-columns:repeat(2,1fr);gap:14px;padding:19px 20px}.stat{border-right:0;justify-content:flex-start;padding-left:10px}.topics-section{padding:59px 20px 65px}.section-heading{display:block}.section-heading>p{margin-top:12px}.topic-grid{grid-template-columns:1fr}.steps-inner{grid-template-columns:1fr;gap:35px;padding:60px 20px}.site-footer{padding:28px 20px;display:block}.footer-right{text-align:left;margin-top:22px}.topic-content p{min-height:0}}@media (width<=420px){.hero h1{font-size:35px}.hero-upkk{font-size:20px}.hero-art{margin-bottom:-82px;transform:scale(.73)}.stats-inner{gap:5px}.stat{gap:8px;padding-left:0}.stat-icon{width:34px;height:34px;font-size:17px}.stat strong{font-size:16px}.stat small{font-size:10px}.primary-btn,.secondary-btn{padding:12px 14px;font-size:12px}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.hero{background:linear-gradient(120deg,#e8f5e9 0%,#f5fcfb 47%,#e3f2fd 100%)}.hero-inner{grid-template-columns:1.04fr .96fr;min-height:514px}.hero-copy{max-width:none}.hero-photo{border:8px solid #ffffffbd;border-radius:26px;width:100%;max-width:520px;height:390px;margin:auto;overflow:hidden;box-shadow:0 18px 40px #1b5e202e}.hero-photo img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}@media (width<=800px){.hero-inner{grid-template-columns:1fr;min-height:0}.hero-copy{max-width:none}.hero-photo{max-width:410px;height:300px;margin-top:6px}}.learning-section{background:#f7fbf7;border-top:1px solid #e3eee4;border-bottom:1px solid #e3eee4}.learning-inner{max-width:1180px;margin:auto;padding:58px 30px}.learning-welcome{justify-content:space-between;align-items:end;gap:24px;display:flex}.learning-welcome h2{color:#244d2a;margin-top:8px;font:800 30px/1.25 Poppins,sans-serif}.learning-welcome h2 span{color:#2e7d32}.learning-welcome p{color:#707070;margin-top:8px;font-size:13px}.learning-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0 20px;display:grid}.learning-stats>div{background:#fff;border:1px solid #e1ece2;border-radius:14px;padding:17px 20px}.learning-stats strong{color:#1b5e20;font:800 24px Poppins,sans-serif;display:block}.learning-stats small{color:#777;font-size:11px}.practice-grid{gap:12px;display:grid}.practice-card{text-align:left;background:#fff;border:1px solid #e0eae1;border-radius:16px;grid-template-columns:52px 1fr 30px;align-items:center;gap:15px;width:100%;padding:14px 17px;transition:all .2s;display:grid;box-shadow:0 7px 16px #1b5e2009}.practice-card:hover{transform:translate(4px);box-shadow:0 12px 24px #1b5e2018}.practice-card>span{border-radius:13px;place-items:center;width:42px;height:42px;font:800 17px Poppins,sans-serif;display:grid}.practice-card.green>span{color:#2e7d32;background:#e8f5e9}.practice-card.blue>span{color:#1976d2;background:#e3f2fd}.practice-card.purple>span{color:#7b1fa2;background:#f3e5f5}.practice-card strong{color:#333;font:800 14px Poppins,sans-serif;display:block}.practice-card small{color:#777;margin-top:3px;font-size:11px;display:block}.practice-card>b{color:#4caf50;font-size:22px}.quiz-section{background:#f7fbf7;border-bottom:1px solid #e3eee4;padding:60px 30px}.quiz-header,.quiz-progress,.question-card,.result-card{max-width:760px;margin-left:auto;margin-right:auto}.quiz-header{justify-content:space-between;align-items:end;gap:18px;display:flex}.quiz-header h2{color:#244d2a;margin-top:6px;font:800 30px Poppins,sans-serif}.quiz-exit{color:#777;font-size:12px;font-weight:700}.quiz-progress{margin-top:24px}.quiz-progress>span{color:#777;margin-bottom:8px;font-size:12px;display:block}.progress-track{background:#e1ece2;border-radius:99px;height:8px;overflow:hidden}.progress-track span{background:#4caf50;border-radius:99px;height:100%;transition:width .3s;display:block}.question-card{background:#fff;border:1px solid #e0eae1;border-radius:22px;margin-top:20px;padding:28px;box-shadow:0 12px 30px #1b5e2010}.question-topic{color:#2e7d32;letter-spacing:.8px;background:#e8f5e9;border-radius:99px;padding:7px 11px;font-size:10px;font-weight:800;display:inline-block}.question-card h3{color:#244d2a;margin:17px 0 20px;font:800 22px/1.35 Poppins,sans-serif}.option-grid{gap:10px;display:grid}.option{text-align:left;color:#555;background:#fff;border:1px solid #dfe8e1;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:13px;transition:all .2s;display:flex}.option:hover,.option.selected{color:#1b5e20;background:#e8f5e9;border-color:#4caf50}.option>span{color:#777;background:#f2f5f2;border-radius:9px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:grid}.option.selected>span{color:#fff;background:#4caf50}.answer-btn{width:100%;margin-top:22px}.answer-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.result-card{text-align:center;background:#fff;border:1px solid #e0eae1;border-radius:24px;padding:36px 28px;box-shadow:0 12px 30px #1b5e2010}.result-grade{border-radius:22px;place-items:center;width:74px;height:74px;margin:0 auto 18px;font:800 34px Poppins,sans-serif;display:grid}.result-grade.green{color:#2e7d32;background:#e8f5e9}.result-grade.blue{color:#1976d2;background:#e3f2fd}.result-grade.purple{color:#7b1fa2;background:#f3e5f5}.result-card h2{color:#244d2a;margin-top:8px;font:800 28px Poppins,sans-serif}.result-score{justify-content:center;align-items:baseline;gap:8px;margin:22px 0 14px;display:flex}.result-score strong{color:#2e7d32;font:800 40px Poppins,sans-serif}.result-score span{color:#777;font-size:13px}.result-card>.progress-track{max-width:420px;margin:0 auto}.result-card>p{color:#777;max-width:520px;margin:20px auto;font-size:13px;line-height:1.7}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.login-modal{background:#fff;border-radius:24px;width:min(430px,100%);padding:31px;position:relative;box-shadow:0 25px 65px #06340d42}.login-badge{background:#e8f5e9;border-radius:17px;place-items:center;width:54px;height:54px;margin-bottom:15px;font-size:27px;display:grid}.login-modal h2{color:#244d2a;margin-top:7px;font:800 25px Poppins,sans-serif}.login-modal>p{color:#777;margin:8px 0 20px;font-size:13px;line-height:1.7}.login-modal label{color:#555;margin-top:12px;font-size:11px;font-weight:800;display:block}.login-modal input{border:1px solid #d8e4d9;border-radius:11px;outline:none;width:100%;margin-top:6px;padding:12px 13px;font:13px Open Sans,sans-serif;display:block}.login-modal input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #e8f5e9}.login-modal .primary-btn{width:100%;margin-top:19px}.login-modal small{text-align:center;color:#888;margin-top:13px;font-size:10px;display:block}.login-error{color:#a43d36;background:#fff1f0;border-radius:10px;margin-top:13px;padding:9px 11px;font-size:11px}@media (width<=800px){.nav-links{gap:10px;display:flex}.nav-links button{font-size:11px}.nav-links .nav-cta{padding:9px 10px}.learning-inner,.quiz-section{padding:45px 20px}.learning-welcome{align-items:start;display:block}.learning-welcome .secondary-btn{margin-top:17px}.learning-stats{grid-template-columns:repeat(3,1fr);gap:8px}.learning-stats>div{padding:13px 10px}.learning-stats strong{font-size:18px}.learning-stats small{font-size:9px}.question-card{padding:22px 17px}.question-card h3{font-size:18px}.quiz-header{display:block}.quiz-exit{margin-top:14px}}.forgot-password-link{color:#2e7d32;text-align:center;width:100%;margin-top:13px;font-size:12px;font-weight:800;display:block}.forgot-password-note{color:#536357;background:#f4faf4;border:1px solid #d9eadb;border-radius:11px;margin-top:11px;padding:12px 14px;font-size:11px;line-height:1.6}.mandatory-password-modal{z-index:50}.change-password-modal{max-width:470px}.password-account{color:#244d2a;background:#f4faf4;border-radius:12px;gap:3px;margin:0 0 16px;padding:12px 14px;display:grid}.password-account strong{font-size:12px}.password-account span{color:#718075;font-size:11px}.password-rule{text-align:left!important;margin-top:8px!important}.login-modal button:disabled{opacity:.6;cursor:wait}.password-field{display:block;position:relative}.password-field input{padding-right:50px}.login-modal .password-eye{color:#47614c;cursor:pointer;background:0 0;border:0;border-radius:8px;width:38px;height:34px;margin:0;padding:0;font-size:18px;line-height:1;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.login-modal .password-eye:hover,.login-modal .password-eye:focus-visible{background:#e8f5e9;outline:none}@media (width<=800px){.nav-links{display:none!important}.nav-links.is-open{display:flex!important}.nav-links{border-radius:18px;gap:5px;min-width:190px;padding:14px;top:68px;right:16px}.nav-links button{padding:11px 12px;font-size:12px}.nav-links .nav-cta{text-align:center;width:100%;margin-top:8px;padding:11px 12px}}.guest .lesson-browser,.logged-in .hero,.logged-in .stats-strip,.logged-in .topics-section,.logged-in .steps-section,.logged-in .site-footer{display:none}.lesson-browser{background:#fff;max-width:1180px;margin:0 auto;padding:58px 30px 72px}.lesson-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.lesson-heading h2{color:#244d2a;margin-top:8px;font:800 30px/1.2 Poppins,sans-serif}.lesson-heading p{color:#777;max-width:390px;font-size:13px;line-height:1.7}.lesson-main-tabs{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.lesson-main-tabs button{text-align:left;color:#555;background:#f8fbf8;border:1px solid #dfeae0;border-radius:14px;padding:14px 16px;font:800 13px Poppins,sans-serif}.lesson-main-tabs button.active{color:#fff;border-color:#0000}.lesson-main-tabs button.active.green{background:#2e7d32}.lesson-main-tabs button.active.blue{background:#1976d2}.lesson-main-tabs button.active.purple{background:#7b1fa2}.lesson-layout{grid-template-columns:260px 1fr;gap:18px;display:grid}.lesson-subtabs{background:#f7fbf7;border:1px solid #e1ebe2;border-radius:16px;align-content:start;gap:5px;padding:12px;display:grid}.lesson-subtabs>span{letter-spacing:1px;color:#2e7d32;padding:8px;font-size:10px;font-weight:800}.lesson-subtabs button{text-align:left;color:#666;border-radius:10px;justify-content:space-between;gap:8px;padding:11px 10px;font-size:12px;display:flex}.lesson-subtabs button.active{color:#1b5e20;background:#e8f5e9;font-weight:800}.lesson-subtabs b{color:#4caf50}.lesson-card{background:#fff;border:1px solid #e1ebe2;border-radius:18px;grid-template-columns:250px 1fr;display:grid;overflow:hidden;box-shadow:0 10px 24px #1b5e2010}.lesson-card>img{object-fit:cover;width:100%;height:100%;min-height:280px}.lesson-copy{padding:27px}.lesson-copy h3{color:#244d2a;margin-top:8px;font:800 25px/1.25 Poppins,sans-serif}.lesson-copy>p{color:#666;margin-top:13px;font-size:13px;line-height:1.8}.lesson-tip{color:#666;background:#f7fbf7;border-radius:12px;gap:5px;margin:19px 0;padding:13px 15px;font-size:11px;line-height:1.6;display:grid}.lesson-tip strong{color:#2e7d32}.lesson-copy .primary-btn{margin-top:4px}.lesson-card.blue .lesson-tip{background:#f2f8fd}.lesson-card.purple .lesson-tip{background:#faf3fc}@media (width<=800px){.lesson-browser{padding:45px 20px 58px}.lesson-heading{display:block}.lesson-heading p{margin-top:11px}.lesson-main-tabs,.lesson-layout{grid-template-columns:1fr}.lesson-subtabs{gap:6px;padding:8px;display:flex;overflow-x:auto}.lesson-subtabs>span{display:none}.lesson-subtabs button{white-space:nowrap;background:#fff;border:1px solid #e2ebe3;min-width:max-content}.lesson-card{grid-template-columns:1fr}.lesson-card>img{height:190px;min-height:0}.lesson-copy{padding:22px 18px}.lesson-copy h3{font-size:21px}}.lesson-card>img.lesson-image-full{object-fit:contain;background:#f8efe5}.section-introduction{background:#f7fbf7;border:1px solid #dfeae1;border-radius:16px;order:-1;grid-column:1/-1;padding:22px 25px}.section-introduction>span{color:#2e7d32;letter-spacing:1px;font-size:10px;font-weight:800}.section-introduction h3{color:#244d2a;margin:7px 0;font:800 23px Poppins,sans-serif}.section-introduction>p{color:#59695d;max-width:1000px;font-size:13px;line-height:1.75}.intro-subtopics{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px;display:grid}.intro-subtopics article{background:#fff;border:1px solid #e2ece3;border-radius:11px;padding:13px 15px}.intro-subtopics h4{color:#2e7d32;font:800 13px Poppins,sans-serif}.intro-subtopics p{color:#69756c;margin-top:5px;font-size:11px;line-height:1.6}@media (width<=800px){.intro-subtopics{grid-template-columns:1fr}.section-introduction{padding:18px}}.subtopic-description{color:#657568;background:#f7fbf7;border-left:4px solid #4caf50;border-radius:0 10px 10px 0;margin-top:15px;padding:13px 15px;font-size:12px;line-height:1.7}.lesson-card.blue .subtopic-description{background:#f2f8fd;border-left-color:#1976d2}.lesson-card.purple .subtopic-description{background:#faf3fc;border-left-color:#7b1fa2}.topic-only-description{color:#59695d;background:#f7fbf7;border-radius:12px;margin-top:18px;padding:16px 18px;font-size:13px;line-height:1.8}.lesson-card.blue .topic-only-description{background:#f2f8fd}.lesson-card.purple .topic-only-description{background:#faf3fc}.subtopic-description{display:none}.topic-only-description{padding:19px 20px;font-size:15px;line-height:1.85}.lesson-copy>p{white-space:pre-line;max-height:340px;padding-right:10px;overflow-y:auto}.lesson-points .arabic-text{text-align:left;letter-spacing:0;direction:rtl;font-family:Noto Naskh Arabic,Amiri,Traditional Arabic,Times New Roman,serif;font-size:1.22em;line-height:1.8}.lesson-copy>p:first-line{color:#2e7d32;font-weight:800}.lesson-item-list{gap:5px;max-height:180px;margin:14px 0 18px;display:grid;overflow-y:auto}.lesson-item-list button{text-align:left;color:#666;background:#f7fbf7;border-radius:9px;padding:9px 10px;font-size:11px}.lesson-item-list button.active{color:#1b5e20;background:#e8f5e9;font-weight:800}.lesson-points{color:#666;gap:8px;margin:13px 0 20px;padding-left:20px;font-size:13px;line-height:1.6;display:grid}.lesson-points li::marker{color:#4caf50}.subtopic-group{gap:4px;display:grid}.nested-item-list{border-left:2px solid #b9dfbd;max-height:none;margin:0 5px 7px 12px;padding-left:7px;overflow:visible}.nested-item-list button{background:0 0;padding:7px 8px;font-size:10px}.nested-item-list button.active{color:#1b5e20;background:#e8f5e9}.lesson-progress{color:#2e7d32;gap:7px;margin:14px 0 18px;font-size:11px;display:grid}.lesson-progress>span{background:#e5eee6;border-radius:99px;height:8px;overflow:hidden}.lesson-progress i{background:#4caf50;border-radius:99px;height:100%;display:block}.lesson-complete{color:#2e7d32;background:#f7fbf7;border:1px solid #4caf50;border-radius:10px;padding:10px 12px;font-size:11px;font-weight:800}.lesson-complete.done{background:#e8f5e9}.lesson-quiz-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.gated-lessons .lesson-tip{margin-top:14px}.lesson-next-btn{color:#1b5e20;cursor:pointer;background:#e8f5e9;border:0;border-radius:9px;align-items:center;gap:8px;margin:10px 0 0;padding:11px 15px;font-weight:800;display:inline-flex}.lesson-next-btn:hover{background:#c8e6c9}.student-welcome-top{background:#f7fcf8;max-width:1120px;margin:0 auto;padding:42px 30px 20px}.student-welcome-top h2{color:#205b29;margin-top:8px;font:800 clamp(25px,3vw,38px)/1.2 Poppins,sans-serif}.student-welcome-top h2 span{color:#2e7d32}.student-welcome-top p{color:#68766b;margin-top:8px;font-size:13px}.learning-section{display:none}.site-header .brand-mark,.site-footer .brand-mark{color:#0000;background-color:#fff;background-image:url(/illustrations/logo-irsyadiyah.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;font-size:0}.student-performance{background:#fff;border:1px solid #dce9de;border-radius:16px;margin-top:25px;padding:20px;box-shadow:0 8px 20px #1b5e200b}.performance-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.performance-heading h3{color:#244d2a;margin-top:5px;font:800 20px/1.2 Poppins,sans-serif}.performance-count{color:#2e7d32;background:#e8f5e9;border-radius:99px;padding:7px 11px;font-size:11px;font-weight:800}.performance-cards{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px;display:grid}.performance-cards>div{background:#fbfefb;border:1px solid #e3eee4;border-radius:11px;padding:12px 14px}.performance-cards strong{color:#1b5e20;font:800 22px Poppins,sans-serif;display:block}.performance-cards small{color:#777;font-size:10px}.performance-latest{color:#68766b;background:#f5faf5;border-radius:10px;align-items:center;gap:12px;margin-top:13px;padding:11px 13px;font-size:11px;display:flex}.performance-latest strong{color:#2e7d32}.performance-latest em{color:#1b5e20;margin-left:auto;font-style:normal;font-weight:800}.performance-empty{color:#68766b;background:#f5faf5;border-radius:10px;margin-top:13px;padding:12px 13px;font-size:11px}.performance-history{gap:6px;margin-top:12px;display:grid}.performance-history>div{color:#68766b;border-top:1px solid #edf3ed;grid-template-columns:1fr auto auto;gap:18px;padding:8px 10px;font-size:11px;display:grid}.performance-history strong,.performance-history b{color:#2e7d32}@media (width<=800px){.student-welcome-top{padding:30px 20px 15px}.student-welcome-top h2{font-size:25px}.performance-heading{align-items:start;display:block}.performance-count{margin-top:9px;display:inline-block}.performance-cards{grid-template-columns:repeat(2,1fr)}.performance-latest{align-items:start;display:block}.performance-latest em{margin:7px 0 0;display:block}}.score-percent{color:#1b5e20;text-align:center;margin:18px auto 16px;font:900 clamp(54px,9vw,92px)/1 Poppins,sans-serif;animation:.65s ease-in-out 5 score-flash}.result-card .score-percent{display:block}@keyframes score-flash{0%,to{opacity:1;transform:scale(1)}50%{opacity:.12;transform:scale(1.16)}}@media (width<=800px){.student-welcome-top{padding:30px 20px 15px}.student-welcome-top h2{font-size:25px}}.carnival-highlight{padding:0 16px 18px}.carnival-highlight-inner{background:linear-gradient(135deg,#fff8e8 0%,#f7fff5 100%);border:1px solid #dfeae1;border-radius:28px;justify-content:space-between;align-items:center;gap:22px;width:min(1180px,100%);margin:0 auto;padding:26px 28px;display:flex}.carnival-highlight h2{color:#244d2a;margin:7px 0 8px;font:800 clamp(24px,3vw,34px)/1.1 Poppins,Arial,sans-serif}.carnival-highlight p{color:#5f7363;max-width:760px;margin:0;font:15px/1.7 Open Sans,Arial,sans-serif}.carnival-highlight .primary-btn{white-space:nowrap;text-decoration:none}@media (width<=760px){.carnival-highlight-inner{padding:22px;display:block}.carnival-highlight .primary-btn{margin-top:18px}}.admin-page{color:#333;background:linear-gradient(135deg,#e8f5e9,#e3f2fd);min-height:100vh;padding:40px 20px;font-family:Open Sans,Arial,sans-serif}.admin-login,.admin-dashboard{background:#fff;border-radius:24px;max-width:960px;margin:0 auto;box-shadow:0 20px 55px #1b5e2020}.admin-login{max-width:430px;padding:34px}.admin-back{color:#2e7d32;margin-bottom:25px;font-size:12px;text-decoration:none;display:inline-block}.admin-mark{color:#2e7d32;background:#e8f5e9;border-radius:17px;place-items:center;width:54px;height:54px;font-size:26px;display:grid}.admin-login>span,.admin-top>div>span{color:#2e7d32;letter-spacing:1.6px;margin-top:18px;font-size:10px;font-weight:800;display:block}.admin-login h1,.admin-top h1{color:#244d2a;margin:8px 0;font:800 28px Poppins,sans-serif}.admin-login p,.admin-top p{color:#777;font-size:13px;line-height:1.7}.admin-login label{color:#555;margin-top:15px;font-size:11px;font-weight:800;display:block}.admin-login input{box-sizing:border-box;border:1px solid #d8e4d9;border-radius:11px;width:100%;margin-top:6px;padding:12px;font:13px Open Sans,sans-serif;display:block}.admin-login button,.admin-top>button,.admin-bank-card button{color:#fff;cursor:pointer;background:#2e7d32;border:0;border-radius:11px;padding:13px 17px;font-weight:800}.admin-login button{width:100%;margin-top:20px}.admin-error{color:#a43d36;background:#fff1f0;border-radius:9px;margin-top:12px;padding:9px;font-size:11px}.admin-loading{text-align:center;color:#2e7d32}.admin-dashboard{padding:34px}.admin-top{justify-content:space-between;align-items:start;gap:20px;display:flex}.admin-top>button{background:#1b5e20}.admin-notice{color:#805d00;background:#fff8df;border-radius:12px;margin:25px 0;padding:15px;font-size:12px}.admin-bank-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.admin-bank-card{border:1px solid #e0eae1;border-radius:17px;padding:20px}.admin-bank-card>strong{letter-spacing:1px;font-size:10px}.admin-bank-card h2{margin:7px 0;font:800 24px Poppins,sans-serif}.admin-bank-card p{color:#777;font-size:12px}.admin-bank-card button{margin-top:18px;font-size:11px}.admin-bank-card.green{color:#2e7d32;background:#f4fbf4}.admin-bank-card.blue{color:#1976d2;background:#f2f8fd}.admin-bank-card.purple{color:#7b1fa2;background:#faf3fc}.admin-total{color:#777;background:#f7fbf7;border-radius:14px;align-items:center;gap:15px;margin-top:18px;padding:17px;font-size:12px;display:flex}.admin-total strong{color:#1b5e20;font:800 27px Poppins,sans-serif}@media (width<=700px){.admin-page{padding:20px 14px}.admin-dashboard{padding:23px}.admin-top{display:block}.admin-top>button{margin-top:18px}.admin-bank-grid{grid-template-columns:1fr}.admin-login{padding:25px}}.admin-set-buttons{flex-wrap:wrap;gap:7px;margin-top:17px;display:flex}.admin-set-buttons button{margin-top:0!important;padding:9px 11px!important;font-size:10px!important}.question-review{background:#fff;border:1px solid #dfeae1;border-radius:17px;margin-top:22px;padding:22px}.review-heading{justify-content:space-between;align-items:start;gap:15px;display:flex}.review-heading span{color:#2e7d32;letter-spacing:1px;font-size:10px;font-weight:800}.review-heading h2{color:#244d2a;margin:7px 0 0;font:800 23px Poppins,sans-serif}.review-heading button{color:#2e7d32;cursor:pointer;background:#fff;border:1px solid #4caf50;border-radius:9px;padding:9px 13px;font-weight:800}.question-review pre{white-space:pre-wrap;color:#4b4b4b;background:#f7fbf7;border-radius:12px;max-height:620px;margin:20px 0 0;padding:17px;font:12px/1.65 Open Sans,Arial,sans-serif;overflow:auto}.admin-set-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.admin-set-buttons button{width:100%;padding:9px 4px!important;font-size:10px!important}.review-help{color:#657568;margin:17px 0 0;font:13px/1.6 Open Sans,Arial,sans-serif}.question-editor{resize:vertical;color:#333;box-sizing:border-box;background:#fbfefb;border:1px solid #dbe8dc;border-radius:12px;width:100%;min-height:540px;margin-top:14px;padding:17px;font:13px/1.65 Open Sans,Arial,sans-serif;display:block}.question-editor:focus{border-color:#4caf50;outline:2px solid #b6d9b8}.review-actions{align-items:center;gap:14px;margin-top:14px;display:flex}.save-review{color:#fff;cursor:pointer;background:#2e7d32;border:0;border-radius:9px;padding:11px 16px;font-weight:800}.save-review:disabled{opacity:.65;cursor:wait}.save-success{color:#2e7d32;font-size:13px;font-weight:700}.save-error{color:#b3261e;font-size:13px;font-weight:700}.full-preview-panel{background:#f8fcf8;border:1px solid #dfeae1;border-radius:17px;justify-content:space-between;align-items:end;gap:24px;margin:22px 0;padding:22px;display:flex}.full-preview-panel>div:first-child span{color:#2e7d32;letter-spacing:1px;font-size:10px;font-weight:800}.full-preview-panel h2{color:#244d2a;margin:7px 0 5px;font:800 22px Poppins,sans-serif}.full-preview-panel p{color:#657568;margin:0;font:13px/1.5 Open Sans,Arial,sans-serif}.full-set-controls{flex-wrap:wrap;align-items:end;gap:9px;display:flex}.full-set-controls label{color:#657568;gap:5px;font-size:11px;font-weight:800;display:grid}.full-set-controls select{color:#244d2a;background:#fff;border:1px solid #cfe1d1;border-radius:8px;min-width:82px;padding:9px;font-weight:700}.full-set-controls button{color:#fff;cursor:pointer;background:#2e7d32;border:0;border-radius:9px;padding:11px 14px;font-weight:800}.full-set-controls button:disabled{opacity:.65;cursor:wait}.full-question-review pre{max-height:820px}.admin-history-panel{background:#f8fcf8;border:1px solid #dfeae1;border-radius:17px;margin:22px 0;padding:22px;overflow:auto}.history-heading span{color:#2e7d32;letter-spacing:1px;font-size:10px;font-weight:800}.history-heading h2{color:#244d2a;margin:7px 0 4px;font:800 22px Poppins,sans-serif}.history-heading p{color:#657568;font:13px/1.5 Open Sans,Arial,sans-serif}.admin-history-panel table{border-collapse:collapse;width:100%;margin-top:16px;font:12px Open Sans,Arial,sans-serif}.admin-history-panel th,.admin-history-panel td{text-align:left;border-bottom:1px solid #e1ebe2;padding:10px 9px}.admin-history-panel th{color:#2e7d32;background:#edf7ee;font-weight:800}.admin-history-panel td{color:#536357}@media (width<=760px){.full-preview-panel{display:block}.full-set-controls{margin-top:17px}.full-set-controls label{flex:1}.full-set-controls select{width:100%}.full-set-controls button{width:100%;margin-top:5px}}.student-password-panel{background:#fff;border:1px solid #dfeae1;border-radius:17px;margin:22px 0;padding:22px}.student-password-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.student-password-heading span,.temporary-password-box span{color:#2e7d32;letter-spacing:1px;font-size:10px;font-weight:800}.student-password-heading h2{color:#244d2a;margin:7px 0 4px;font:800 22px Poppins,sans-serif}.student-password-heading p{color:#657568;margin:0;font:13px/1.5 Open Sans,Arial,sans-serif}.student-password-heading input{color:#244d2a;background:#fbfefb;border:1px solid #cfe1d1;border-radius:10px;width:min(320px,100%);padding:11px 13px}.temporary-password-box{background:#fff9e9;border:1px solid #f1d38a;border-radius:13px;grid-template-columns:1fr auto;align-items:center;gap:8px 22px;margin-top:18px;padding:17px;display:grid}.temporary-password-box div{gap:3px;display:grid}.temporary-password-box strong{color:#3e4e41;font-size:13px}.temporary-password-box small{color:#718075}.temporary-password-box code{color:#fff;letter-spacing:1px;background:#244d2a;border-radius:9px;padding:10px 14px;font:800 16px ui-monospace,monospace}.temporary-password-box p{color:#715b25;grid-column:1/-1;margin:0;font-size:11px;line-height:1.5}.student-password-table{margin-top:18px;overflow:auto}.student-password-table table{border-collapse:collapse;width:100%;font:12px Open Sans,Arial,sans-serif}.student-password-table th,.student-password-table td{text-align:left;border-bottom:1px solid #e1ebe2;padding:10px 9px}.student-password-table th{color:#2e7d32;background:#edf7ee;font-weight:800}.student-password-table td{color:#536357}.student-password-table button{color:#fff;cursor:pointer;background:#2e7d32;border:0;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:800}.student-password-table button:disabled{opacity:.6;cursor:wait}.password-status{border-radius:99px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-block}.password-status.active{color:#2e7d32;background:#e8f5e9}.password-status.pending{color:#946600;background:#fff3d6}.no-students{color:#718075;text-align:center;padding:18px}@media (width<=760px){.student-password-heading{display:block}.student-password-heading input{width:100%;margin-top:14px}.temporary-password-box{grid-template-columns:1fr}.temporary-password-box code{width:max-content}.student-password-table{font-size:11px}}.admin-password-field{display:block;position:relative}.admin-password-field input{padding-right:50px}.admin-login .admin-password-eye{color:#47614c;cursor:pointer;background:0 0;border:0;border-radius:8px;width:38px;height:34px;margin:0;padding:0;font-size:18px;line-height:1;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.admin-login .admin-password-eye:hover,.admin-login .admin-password-eye:focus-visible{background:#e8f5e9;outline:none}.carnival-admin-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.carnival-admin-summary div{background:#fff;border:1px solid #e1ebe2;border-radius:14px;padding:16px}.carnival-admin-summary strong{color:#244d2a;font:800 24px/1 Poppins,Arial,sans-serif;display:block}.carnival-admin-summary small{color:#6a7a6e;margin-top:6px;display:block}.carnival-winners-box{margin-top:18px;display:block}.carnival-winners-box ol{color:#4a5d4d;margin:14px 0 0;padding-left:18px}.carnival-winners-box li+li{margin-top:6px}@media (width<=760px){.carnival-admin-summary{grid-template-columns:1fr}}.carnival-reset-bar{margin:18px 0 0}.danger-reset-button{color:#fff;cursor:pointer;background:#c62828;border:0;border-radius:10px;padding:11px 15px;font-weight:800}.danger-reset-button:disabled{opacity:.6;cursor:wait}.karnival-page{color:#f6fbff;background:radial-gradient(circle at 0 0,#2a0b49 0%,#0a0f2c 35%,#040814 100%);min-height:100vh;padding:36px 16px 88px;font-family:Inter,Arial,sans-serif;position:relative;overflow:hidden}.karnival-hero,.karnival-card{z-index:2;width:min(980px,100%);margin:0 auto;position:relative}.karnival-bg-glow{filter:blur(80px);opacity:.45;pointer-events:none;z-index:0;border-radius:999px;position:fixed}.glow-a{background:#ff3cac;width:360px;height:360px;top:-120px;left:-80px}.glow-b{background:#00e5ff;width:340px;height:340px;top:120px;right:-90px}.glow-c{background:#c6ff00;width:300px;height:300px;bottom:40px;left:18%}.karnival-back{color:#9efcff;text-shadow:0 0 12px #00e5ff8c;align-items:center;gap:8px;margin-bottom:20px;font-weight:800;text-decoration:none;display:inline-flex}.karnival-kicker{color:#9efcff;letter-spacing:2.2px;text-transform:uppercase;text-shadow:0 0 14px #00e5ff8c;font-size:12px;font-weight:900;display:inline-block}.karnival-hero h1{color:#fff;text-shadow:0 0 14px #ff3cac5c,0 0 28px #00e5ff47;margin:14px 0 16px;font:900 clamp(38px,6vw,66px)/1.02 Poppins,Arial,sans-serif}.karnival-hero p{color:#d7e7ff;max-width:860px;font-size:17px;line-height:1.8}.karnival-rules{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.rule-card,.karnival-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff1f,#ffffff0f);border:1px solid #ffffff1f;border-radius:24px;box-shadow:inset 0 0 0 1px #ffffff14,0 18px 60px #00000059}.rule-card{padding:20px}.rule-card strong{margin-bottom:8px;font-size:18px;display:block}.rule-card span{color:#d9e6ff;line-height:1.55;display:block}.rule-pink strong{color:#ff6bd6;text-shadow:0 0 16px #ff6bd6a6}.rule-cyan strong{color:#56f7ff;text-shadow:0 0 16px #56f7ffa6}.rule-yellow strong{color:#ffe45e;text-shadow:0 0 16px #ffe45ea6}.rule-green strong{color:#b8ff5a;text-shadow:0 0 16px #b8ff5aa6}.karnival-card{margin-top:32px;padding:30px}.karnival-form-card h2,.karnival-quiz-card h2,.result h2{color:#fff;margin:8px 0 12px;font:900 34px/1.1 Poppins,Arial,sans-serif}.karnival-card p{color:#dce7ff;margin:0;line-height:1.7}.karnival-form{gap:18px;margin-top:24px;display:grid}.karnival-form label{color:#fff;gap:10px;font-weight:800;display:grid}.karnival-form input{color:#fff;background:#04081480;border:1px solid #9efcff40;border-radius:16px;padding:16px 18px;font-size:16px;box-shadow:inset 0 0 0 1px #ffffff0a}.karnival-form input::placeholder{color:#93a9cb}.karnival-form input:focus{border-color:#56f7ff;outline:none;box-shadow:0 0 0 2px #56f7ff33,0 0 24px #56f7ff42}.karnival-primary,.karnival-secondary{cursor:pointer;border-radius:16px;justify-content:center;align-items:center;padding:15px 20px;font-weight:900;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.neon-button{color:#fff;background:linear-gradient(90deg,#ff3cac 0%,#784dff 42%,#00e5ff 100%);border:1px solid #ffffff2e;box-shadow:0 0 20px #ff3cac59,0 0 34px #00e5ff42}.neon-button:hover{transform:translateY(-1px);box-shadow:0 0 24px #ff3cac80,0 0 40px #00e5ff57}.karnival-primary:disabled{opacity:.65;cursor:wait}.karnival-secondary{color:#9efcff;background:#08112885;border:1px solid #9efcff73;margin-top:18px;box-shadow:0 0 18px #00e5ff29}.karnival-error{color:#ffd6d6;background:#ff4c4c29;border:1px solid #ff58584d;border-radius:14px;margin-top:4px;padding:12px 14px;font-size:14px}.karnival-quiz-top{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.karnival-timer{text-align:center;background:linear-gradient(#00e5ff29,#ff3cac1f);border:1px solid #56f7ff3d;border-radius:20px;min-width:180px;padding:18px 20px;box-shadow:0 0 28px #00e5ff29}.karnival-timer strong{color:#fff;text-shadow:0 0 18px #56f7ff80;font:900 38px/1 Poppins,Arial,sans-serif;display:block}.karnival-timer span{color:#caf5ff;margin-top:8px;font-size:13px;display:block}.karnival-progress{color:#d6e4ff;justify-content:space-between;gap:12px;margin-top:24px;font-size:14px;display:flex}.karnival-bar{background:#ffffff1a;border-radius:999px;height:12px;margin-top:12px;overflow:hidden}.karnival-bar i{background:linear-gradient(90deg,#ffe45e 0%,#ff3cac 45%,#00e5ff 100%);border-radius:999px;height:100%;display:block;box-shadow:0 0 18px #00e5ff66}.karnival-question{margin-top:24px}.karnival-topic{color:#dfff9b;letter-spacing:1px;background:#b8ff5a29;border:1px solid #b8ff5a4d;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:900;display:inline-block}.karnival-question h3{color:#fff;margin:18px 0 22px;font:900 30px/1.3 Poppins,Arial,sans-serif}.karnival-options{gap:14px;display:grid}.karnival-options button{text-align:left;color:#eef6ff;cursor:pointer;background:#0811288c;border:1px solid #ffffff1f;border-radius:18px;align-items:flex-start;gap:14px;padding:18px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.karnival-options button:hover{border-color:#56f7ff66;transform:translateY(-1px);box-shadow:0 0 22px #56f7ff1f}.karnival-options button.selected{background:#0c1c3ed1;border-color:#56f7ff;box-shadow:0 0 22px #56f7ff2e,0 0 24px #ff3cac1f}.karnival-options b{color:#9efcff;background:linear-gradient(#ffffff1f,#ffffff0a);border-radius:12px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff0f}.karnival-options button.selected b{color:#fff;background:linear-gradient(#ff3cac 0%,#00e5ff 100%);box-shadow:0 0 18px #ff3cac4d}.karnival-badge{border-radius:999px;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto;font:900 32px/1 Poppins,Arial,sans-serif;display:inline-flex}.karnival-badge.perfect{color:#06220f;background:radial-gradient(circle,#b8ff5a 0%,#3cff9b 55%,#17301c 100%);box-shadow:0 0 28px #b8ff5a75}.karnival-badge.normal{color:#2d1800;background:radial-gradient(circle,#ffe45e 0%,#ff9f43 55%,#3b1d00 100%);box-shadow:0 0 28px #ff9f436b}.karnival-result-note{color:#e6f1ff;background:#08112885;border:1px solid #9efcff2e;border-radius:16px;margin-top:18px;padding:18px 20px;line-height:1.7}.result{text-align:center}.perfect-celebration{pointer-events:none;position:absolute;inset:0;overflow:hidden}.firework{color:#ff3cac;background:#fff;border-radius:999px;width:12px;height:12px;animation:1.8s ease-out infinite firework-burst;position:absolute;box-shadow:0 0 16px #fff,0 0 34px}.firework:before,.firework:after{content:"";background:conic-gradient(from 0deg,currentColor 0 18deg,transparent 18deg 36deg,currentColor 36deg 54deg,transparent 54deg 72deg,currentColor 72deg 90deg,transparent 90deg 108deg,currentColor 108deg 126deg,transparent 126deg 144deg,currentColor 144deg 162deg,transparent 162deg 180deg,currentColor 180deg 198deg,transparent 198deg 216deg,currentColor 216deg 234deg,transparent 234deg 252deg,currentColor 252deg 270deg,transparent 270deg 288deg,currentColor 288deg 306deg,transparent 306deg 324deg,currentColor 324deg 342deg,transparent 342deg 360deg);opacity:.9;border-radius:999px;position:absolute;inset:-46px;-webkit-mask:radial-gradient(circle,#0000 0 28px,#000 29px 31px,#0000 32px);mask:radial-gradient(circle,#0000 0 28px,#000 29px 31px,#0000 32px)}.firework:after{opacity:.65;transform:rotate(20deg)scale(1.15)}.celebration-copy{justify-items:center;gap:10px;margin-bottom:18px;display:grid}.congrats-blink{color:#ffe45e;text-shadow:0 0 18px #ffe45ecc,0 0 30px #ff3cac66;font:900 clamp(34px,7vw,58px)/1 Poppins,Arial,sans-serif;animation:.5s step-end 10 blink-celebrate}.score-100-blink{color:#fff;background:linear-gradient(90deg,#ff3cac 0%,#784dff 40%,#00e5ff 100%);border-radius:22px;justify-content:center;align-items:center;min-width:180px;padding:12px 26px;font:900 clamp(48px,8vw,82px)/1 Poppins,Arial,sans-serif;animation:.5s step-end 10 blink-celebrate;display:inline-flex;box-shadow:0 0 28px #ff3cac73,0 0 44px #00e5ff47}.result .karnival-kicker{margin-top:18px}@keyframes blink-celebrate{0%,to{opacity:1;transform:scale(1)}50%{opacity:.15;transform:scale(1.08)}}@keyframes firework-burst{0%{opacity:0;transform:scale(.18)}16%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}@media (width<=760px){.karnival-rules{grid-template-columns:1fr 1fr}.karnival-card{padding:24px}.karnival-form-card h2,.karnival-quiz-card h2,.result h2{font-size:28px}.karnival-question h3{font-size:24px}.karnival-quiz-top,.karnival-progress{display:block}.karnival-timer{min-width:0;margin-top:16px}.score-100-blink{min-width:140px}}@media (width<=520px){.karnival-rules{grid-template-columns:1fr}.karnival-page{padding-top:24px}.karnival-question h3{font-size:21px}.rule-card{padding:18px}}