@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.30bdpjkrtcces.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.1v5bejj26fx9h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--primary:#5b45c8;--primary-light:#7659d6;--primary-dark:#45349e;--primary-soft:#eeeaff;--primary-softer:#f6f4ff;--page-bg:#fff;--card-bg:#fff;--text-dark:#30303a;--text-light:#6f6d7b;--border:#e4e1eb;--gold:#f5b700;--success:#22c55e;--danger:#ef4444;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--page-bg);color:var(--text-dark);font-family:Nunito,sans-serif;overflow-x:hidden}button,input,select{font:inherit}.navbar{color:#fff;z-index:1000;isolation:isolate;background:#5b45c8;justify-content:space-between;align-items:center;height:62px;padding:0 5%;transition:background-color .25s,box-shadow .25s,border-color .25s;display:flex;position:sticky;top:0}.headerGreeting{color:#fffffff2;white-space:nowrap;align-items:center;gap:7px;font-size:18px;font-weight:700;display:flex}.greetingWave{font-size:18px;line-height:1}.navbarScrolled{-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);background-color:#5b45c8b8;box-shadow:0 8px 32px #1e145024,inset 0 1px #ffffff1f}.logo{letter-spacing:-1px;z-index:2;font-size:30px;font-weight:700}.homeNavButton{color:#fff;cursor:pointer;z-index:2;background:0 0;border:none;padding:10px 20px;font-size:18px;font-weight:700;transition:opacity .2s,background .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.homeNavButton:hover{background:#ffffff1f;border-radius:10px}.headerNav,.header-actions{z-index:2;align-items:center;gap:14px;margin-left:auto;display:flex}.classDropdown{justify-content:center;align-items:center;display:flex;position:relative}.classSelectButton{min-width:145px;height:46px;color:var(--text-dark);cursor:pointer;background:#fff;border:none;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:0 16px;font-size:17px;font-weight:700;transition:background .2s,transform .2s;display:flex;box-shadow:0 4px 12px #1e14501f}.classSelectButton:hover{background:#fff;transform:translateY(-1px)}.classButtonContent{align-items:center;gap:9px;display:flex}.graduationIcon{font-size:19px;line-height:1}.dropdownArrow{color:#4f46a5;font-size:18px;transition:transform .25s}.arrowOpen{transform:rotate(180deg)}.classDropdownMenu{z-index:2000;background:#fffffffa;border:1px solid #5b45c824;border-radius:18px;width:200px;padding:10px;animation:.2s dropdownAppear;position:absolute;top:100%;left:50%;right:auto;transform:translate(-50%);box-shadow:0 14px 35px #19143c2e}.classDropdownItem{color:#28283f;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;height:50px;padding:0 13px;font-size:16px;font-weight:600;transition:background .18s,color .18s;display:flex}.classDropdownItem:hover{color:var(--primary);background:#5b45c814}.dropdownHat{background:#5b45c814;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:17px;display:flex}.selectedClass{color:var(--primary);background:#5b45c81a;font-weight:700}.selectedCheck{color:var(--primary);margin-left:auto;font-size:17px;font-weight:800}.loginButton{min-width:105px;height:46px;color:var(--primary);cursor:pointer;background:#fff;border:none;border-radius:14px;justify-content:center;align-items:center;padding:0 22px;font-size:18px;font-weight:700;transition:all .2s;display:flex}.loginButton:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000029}.hero{text-align:center;background-image:linear-gradient(#5b45c81f,#7659d614),url(/hero_bg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:410px;padding:72px 20px 150px;position:relative}.heroContent{max-width:850px;margin:0 auto}.heroEyebrow{color:var(--primary);letter-spacing:2px;margin-bottom:14px;font-size:13px;font-weight:700}.hero h1{max-width:850px;color:var(--white);letter-spacing:-2px;margin:0 auto 10px;font-size:clamp(42px,6vw,56px);font-weight:800;line-height:1.08}.heroTitleMain{display:block}.heroTitleFast{color:var(--white);margin-top:2px;font-size:.82em;line-height:1;display:block}.hero h1 span{color:var(--white)}.heroSubtitle{max-width:850px;color:var(--text-dark);margin:0 auto 20px;font-size:18px;line-height:1.6}.searchBox{background:#fff;border:1px solid #0000004d;border-radius:18px;align-items:center;width:min(720px,100%);height:68px;margin:auto;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 10px 30px #48369633}.searchBox:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #5b45c81a,0 12px 30px #4836961f}.searchIcon{color:var(--primary);padding-left:24px;font-size:28px}.searchBox input{width:100%;height:100%;color:var(--text-dark);background:0 0;border:none;outline:none;flex:1;padding:0 22px;font-size:18px}.searchBox input::placeholder{color:#9a96a6}.searchBox button{border:none;border-left:1px solid var(--border);width:72px;height:100%;color:var(--primary);cursor:pointer;background:#fff;font-size:32px}.subjectsSection{background:var(--page-bg);height:95px;position:relative}.subjectsPanel{z-index:10;background:#fffffffa;border-radius:22px;grid-template-columns:repeat(5,1fr);gap:15px;width:min(1050px,92%);min-height:80px;padding:18px 22px;display:grid;position:absolute;top:-60px;left:50%;transform:translate(-50%);box-shadow:0 14px 38px #3b2b8224}.subjectButton{color:#45414e;cursor:pointer;background:0 0;border:none;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:80px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.subjectEmoji{background:var(--primary-soft);border-radius:30%;justify-content:center;align-items:center;width:45px;height:45px;font-size:26px;transition:all .2s;display:flex}.subjectButton:hover{background:var(--primary-softer);transform:translateY(-3px)}.subjectButton:hover .subjectEmoji{transform:scale(1.05)}.subjectButton.activeSubject,.activeSubject{transform:translateY(-2px);box-shadow:0 8px 20px #4a37a547;color:#fff!important;background:linear-gradient(145deg,#5543ad,#7659d6)!important}.subjectButton.activeSubject .subjectEmoji{box-shadow:0 5px 14px #0000001f;background:#fff!important}.subjectButton.activeSubject{color:#fff!important}.filters{background:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;padding:18px 20px 28px;display:flex}.filters button{min-width:128px;color:var(--text-dark);cursor:pointer;background:#fff;border:1px solid #cfc7ef;border-radius:14px;padding:13px 22px;transition:all .2s}.filters button:hover{background:var(--primary-soft);transform:translateY(-2px)}.filters .classButton{background:var(--primary);color:#fff;border-color:var(--primary)}.classButton{appearance:none;cursor:pointer;text-align:center;padding-right:45px}.homepageContent{grid-template-columns:minmax(0,1fr) 300px;gap:28px;width:min(1400px,92%);margin:0 auto;padding:32px 0 50px;display:grid}.popularNotesSection{min-width:0}.sectionHeading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.sectionEyebrow{color:var(--primary);letter-spacing:1.8px;margin-bottom:5px;font-size:11px;font-weight:700}.sectionHeading h2{color:var(--text-dark);letter-spacing:-.7px;font-size:30px;font-weight:700}.dynamicNotesTitle{align-items:baseline;display:flex}.subjectTitle{font-size:inherit;font-weight:inherit;color:var(--text-dark)}.titleSeparator{color:#9a96a6;margin:0 7px;font-size:18px;font-weight:400}.classTitle{color:var(--text-light);font-size:17px;font-weight:500}.dynamicNotesTitle .star{color:var(--gold);margin-left:7px;font-size:22px}.seeAllButton{background:var(--primary-soft);color:var(--primary);cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:700;transition:all .2s}.seeAllButton:hover{background:var(--primary);color:#fff}.notesGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.noteCardLink *{text-decoration:none}.noteCard{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:18px;transition:all .25s;overflow:hidden;box-shadow:0 5px 16px #281e500f}.noteCard:hover{border-color:#5b45c840;transform:translateY(-6px);box-shadow:0 16px 32px #37288224}.noteImage{aspect-ratio:16/9;background:var(--primary-softer);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.noteImage img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.noteCard:hover .noteImage img{transform:scale(1.05)}.noteImage>span:not(.noteSubjectBadge){font-size:50px}.noteSubjectBadge{color:var(--primary);background:#fffffff0;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:700;position:absolute;top:10px;left:10px}.noteCardContent{padding:12px 16px 14px}.noteCard h3{min-height:44px;color:var(--text-dark);font-size:17px;line-height:1.3}.noteCardBottom{color:var(--text-light);justify-content:space-between;align-items:center;margin-top:2px;font-size:13px;display:flex}.exploreArrow{background:var(--primary-soft);width:30px;height:30px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.trending{background:var(--page-bg);padding:28px 4% 40px}.trending h2{margin-bottom:20px;font-size:30px}.viewMoreWrapper{justify-content:center;margin-top:26px;display:flex}.viewMore{color:var(--primary);cursor:pointer;background:#fff;border:1px solid #cfc7ef;border-radius:10px;padding:11px 26px;font-weight:600;transition:all .2s}.viewMore:hover{background:var(--primary);color:#fff}.homepageSidebar{flex-direction:column;gap:22px;display:flex}.dailyChallengeCard{color:#fff;background:linear-gradient(145deg,#5543ad,#7659d6);border-radius:26px;padding:30px;box-shadow:0 14px 30px #4a37a538}.sidebarTop{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.sidebarLabel{letter-spacing:1.5px;font-size:12px;font-weight:700}.challengeIcon,.learningIcon{font-size:28px}.dailyChallengeCard h3{margin-bottom:12px;font-size:30px;line-height:1.2}.dailyChallengeCard p{color:#ffffffd1;margin-bottom:28px;font-size:16px;line-height:1.65}.challengeButton{color:#554798;cursor:pointer;background:#f4f3f7;border:none;border-radius:16px;width:100%;padding:16px;font-size:17px;font-weight:700;transition:all .2s}.challengeButton:hover{background:#fff;transform:translateY(-2px);box-shadow:0 7px 18px #00000029}.learningCard{border:1px solid var(--border);background:#fff;border-radius:22px;padding:24px;box-shadow:0 8px 24px #281e500f}.learningCard .sidebarLabel{color:var(--text-light)}.learningLevel{align-items:center;gap:14px;margin-bottom:20px;display:flex}.levelNumber{background:var(--primary-soft);width:50px;height:50px;color:var(--primary);border-radius:15px;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.learningLevel p{color:var(--primary);margin-bottom:3px;font-size:13px;font-weight:700}.learningLevel strong{color:#5d5868;font-size:12px;line-height:1.4}.progressBar{background:#eceaf1;border-radius:20px;height:9px;overflow:hidden}.progressFill{background:linear-gradient(90deg, var(--primary), var(--primary-light));border-radius:inherit;width:0%;height:100%}.progressText{color:var(--text-light);justify-content:space-between;margin-top:9px;font-size:11px;display:flex}.noNotes{text-align:center;background:#fff;border:1px dashed #c9c1ea;border-radius:18px;grid-column:1/-1;padding:60px 20px}.noNotesIcon{margin-bottom:10px;font-size:45px}.noNotes h3{color:var(--text-dark);margin-bottom:8px;font-size:22px}.noNotes p{color:var(--text-light);margin-bottom:20px}.noNotes button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:11px 22px}.footer{color:var(--text-dark);background:#ececf1;margin-top:10px;padding:18px 7% 24px}.footerTitle{align-items:center;gap:10px;margin-bottom:30px;display:flex}.footerTitle span{background:#85818d;flex:1;height:1px}.footerTitle p{letter-spacing:2px;font-size:12px}.footerContent{max-width:1200px;margin:0 auto}.footerLogo{letter-spacing:1px;margin-bottom:8px;font-size:18px;font-weight:600}.footerLinks{flex-wrap:wrap;align-items:center;gap:9px;font-size:15px;display:flex}.footerLinks button{color:var(--text-dark);cursor:pointer;background:0 0;border:none;transition:all .2s}.footerLinks button:hover{color:var(--primary)}.about{max-width:440px}.footerDivider{background:#c5c2cb;width:1px;height:95px}.footerBrand{text-align:left}.fullNotePage{z-index:5000;background:#f7f7fa;flex-direction:column;width:100%;min-height:100vh;display:flex;position:absolute;top:0;left:0;overflow:visible}.notePageNavbar{z-index:20;border-bottom:1px solid var(--border);flex-shrink:0;position:relative}.notePageInfoBar{z-index:100;background:#fffffff5;border-bottom:1px solid #e5e3eb;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;min-height:88px;padding:0 4%;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #281e500a}.backToNotesTop{min-width:120px;height:50px;color:var(--primary);background:#fff;border:1px solid #c9c5dd;border-radius:15px;justify-content:center;align-items:center;gap:9px;padding:0 21px;font-size:16px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #1e144608}.backToNotesTop:hover{background:#e6e4f2;transform:translateY(-1px);box-shadow:0 5px 14px #4f4b911f}.backArrow{font-size:22px;font-weight:500}.noteTopbarTitle{text-align:center;pointer-events:none;width:min(500px,40%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.noteTopbarTitle p{color:var(--primary);letter-spacing:.7px;margin-bottom:4px;font-size:14px;font-weight:800}.noteTopbarTitle h1{text-overflow:ellipsis;white-space:nowrap;color:var(--text-dark);letter-spacing:-.5px;font-size:30px;font-weight:800;overflow:hidden}.noteTopbarActions{align-items:center;gap:12px;margin-left:auto;display:flex}.topListenButton,.topQuizButton{cursor:pointer;border-radius:15px;justify-content:center;align-items:center;gap:9px;height:50px;padding:0 21px;font-size:16px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.topListenButton{color:var(--primary);background:#fff;border:1px solid #ddd9e5;box-shadow:0 4px 12px #1e144608}.topListenButton:hover{background:var(--primary-soft);transform:translateY(-2px);box-shadow:0 8px 18px #5b45c81f}.topListenButton.listening{background:var(--primary);border-color:var(--primary);color:#fff}.listenIcon{font-size:19px}.topQuizButton{color:#fff;background:linear-gradient(135deg,#5b45c8,#7659d6);border:none;box-shadow:0 7px 15px #5b45c833}.topQuizButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 25px #5b45c84d}.quizTargetIcon{font-size:21px}.topQuizButton.quizDisabled{opacity:.55;cursor:not-allowed;box-shadow:none}.fullNoteContent{background:linear-gradient(#f7f7fa 0%,#f1f1f5 100%);justify-content:center;align-items:flex-start;width:100%;padding:38px 30px 60px;display:flex;overflow:visible}.fullNoteImageWrapper{justify-content:center;width:min(1080px,100%);margin:0 auto;animation:.35s noteAppear;display:flex}.fullNoteImage{object-fit:contain;background:#fff;border:1px solid #463c6424;border-radius:18px;width:100%;max-width:1080px;height:auto;display:block;box-shadow:0 14px 40px #1e193c24}@keyframes noteAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fullNotePlaceholder{text-align:center;border:1px solid var(--border);background:#fff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:min(650px,100%);min-height:400px;display:flex;box-shadow:0 12px 35px #281e5014}.fullNotePlaceholder>div{margin-bottom:15px;font-size:60px}.fullNotePlaceholder h2{margin-bottom:8px;font-size:26px}.fullNotePlaceholder p{color:var(--text-light)}.fullQuizPage{z-index:5000;background:linear-gradient(135deg,#f4f3f8,#eeeef4);flex-direction:column;width:100%;height:auto;min-height:100vh;display:flex;position:absolute;top:0;left:0;overflow:visible}.quizTopbar{z-index:5;background:#fffffff5;border-bottom:1px solid #e5e3eb;flex-shrink:0;justify-content:space-between;align-items:center;min-height:88px;padding:0 4%;display:flex;position:relative}.quizTopbarTitle{text-align:center;width:min(500px,45%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quizTopbarTitle p{color:var(--primary);letter-spacing:.7px;margin-bottom:4px;font-size:14px;font-weight:800}.quizTopbarTitle h1{text-overflow:ellipsis;white-space:nowrap;color:var(--text-dark);font-size:27px;font-weight:800;overflow:hidden}.quizTopbarSpacer{width:170px}.fullQuizContent{flex:1;justify-content:center;align-items:flex-start;width:100%;padding:40px 50px;display:flex;overflow:visible}.modernQuizCard{background:#fff;border:1px solid #5a50781f;border-radius:28px;width:min(1170px,100%);margin:0 auto;padding:40px;animation:.3s noteAppear;box-shadow:0 18px 45px #2319461a}.modernQuizHeader{border-bottom:1px solid #e8e6ec;justify-content:space-between;align-items:flex-start;gap:25px;padding-bottom:28px;display:flex}.quizMeta{color:var(--primary);margin-bottom:6px;font-size:14px;font-weight:800}.modernQuizHeader h2{color:var(--text-dark);font-size:30px;font-weight:800}.modernQuestionCounter{background:var(--primary-soft);color:var(--primary);white-space:nowrap;border-radius:30px;flex-shrink:0;padding:11px 18px;font-size:14px;font-weight:800}.modernQuizQuestion{margin:38px 0 30px}.modernQuizQuestion h3{color:var(--text-dark);font-size:27px;font-weight:800;line-height:1.45}.modernAnswerOptions{grid-template-columns:1fr 1fr;gap:16px;display:grid}.modernAnswerOption{width:100%;min-height:78px;color:var(--text-dark);text-align:left;cursor:pointer;background:#fff;border:1.5px solid #e2dfe8;border-radius:16px;align-items:center;gap:16px;padding:16px 20px;font-size:17px;font-weight:600;transition:border .2s,background .2s,transform .2s,box-shadow .2s;display:flex}.modernAnswerOption:hover:not(:disabled){border-color:var(--primary);background:var(--primary-softer);transform:translateY(-2px);box-shadow:0 7px 18px #5b45c814}.modernOptionLetter{width:38px;height:38px;color:var(--primary);background:#f1eff5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.modernAnswerOption.selectedAnswer{border-color:var(--primary);background:var(--primary-soft)}.modernAnswerOption.selectedAnswer .modernOptionLetter{background:var(--primary);color:#fff}.modernQuizActions{border-top:1px solid #e8e6ec;justify-content:space-between;align-items:center;gap:20px;margin-top:35px;padding-top:25px;display:flex}.quizBackButton{height:50px;color:var(--primary);cursor:pointer;background:#fff;border:1px solid #dedbe5;border-radius:14px;padding:0 20px;font-size:16px;font-weight:800;transition:background .2s,transform .2s}.quizBackButton:hover{background:var(--primary-soft);transform:translate(-2px)}.modernNextButton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5b45c8,#7659d6);border:none;border-radius:14px;min-width:170px;height:52px;padding:0 25px;font-size:16px;font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 20px #5b45c833}.modernNextButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 25px #5b45c847}.modernNextButton:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.modernQuizResult{text-align:center;background:#fff;border:1px solid #5a50781f;border-radius:30px;flex-direction:column;align-items:center;width:min(1450px,100%);margin:30px auto 0;padding:45px 40px;display:flex;box-shadow:0 18px 45px #2319461a}.resultEmoji{margin-bottom:15px;font-size:70px}.resultLabel{color:var(--primary);letter-spacing:2px;margin-bottom:8px;font-size:12px;font-weight:800}.modernQuizResult h2{color:var(--text-dark);margin-bottom:10px;font-size:38px;font-weight:800}.resultDescription{color:var(--text-light);margin-bottom:28px;font-size:16px}.modernScoreBox{background:var(--primary-softer);border-radius:20px;flex-direction:column;gap:6px;width:100%;margin-bottom:30px;padding:22px;display:flex}.modernScoreBox span{color:var(--text-light);font-size:14px;font-weight:700}.modernScoreBox strong{color:var(--primary);font-size:42px;font-weight:900}.resultBackButton{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:14px;min-width:180px;height:52px;padding:0 25px;font-size:16px;font-weight:800;transition:transform .2s,background .2s}.resultBackButton:hover{background:var(--primary-dark);transform:translateY(-2px)}.noteOverlay,.noteModal,.modalHeader,.modalContent,.modalActions,.navigationButtons,.previousButton,.nextButton,.quizButton,.closeButton{display:none}@media (max-width:1000px){.noteTopbarTitle{width:36%}.noteTopbarTitle h1{font-size:24px}.backToNotesTop{min-width:150px}.topListenButton,.topQuizButton{padding:0 15px;font-size:14px}.fullNoteContent{padding:25px 20px 50px}.fullNoteImageWrapper{width:min(900px,100%)}.modernQuizCard{padding:30px}}@media (max-width:768px){.noteTopbar,.quizTopbar{min-height:70px;padding:0 16px}.noteTopbarTitle,.quizTopbarTitle{flex:1;width:auto;padding:0 10px;position:static;transform:none}.noteTopbarTitle{text-align:left}.quizTopbarTitle{text-align:center}.noteTopbarTitle p,.quizTopbarTitle p{font-size:11px}.noteTopbarTitle h1,.quizTopbarTitle h1{font-size:17px}.backToNotesTop{border-radius:16px;min-width:auto;height:50px;padding:0 18px;font-size:16px}.backArrow{font-size:18px}.backToNotesTop:first-letter{font-size:20px}.topListenButton{border-radius:12px;width:42px;height:42px;padding:0}.topListenButton span:last-child{display:none}.listenIcon{font-size:18px}.topQuizButton{border-radius:12px;height:42px;padding:0 13px;font-size:13px}.quizTargetIcon{font-size:17px}.noteTopbarActions{gap:7px}.fullNoteContent{padding:16px 10px 40px}.fullNoteImage{border-radius:10px}.fullQuizContent{padding:20px 14px 45px}.modernQuizCard{border-radius:20px;padding:22px 18px}.modernQuizHeader{flex-direction:column;gap:15px}.modernQuizHeader h2{font-size:23px}.modernQuestionCounter{align-self:flex-start}.modernQuizQuestion{margin:28px 0 22px}.modernQuizQuestion h3{font-size:21px}.modernAnswerOptions{grid-template-columns:1fr;gap:12px}.modernAnswerOption{min-height:68px;padding:13px 15px;font-size:15px}.modernQuizActions{flex-direction:column-reverse;align-items:stretch;margin-top:25px}.quizBackButton,.modernNextButton{width:100%}.modernQuizResult{border-radius:24px;margin-top:10px;padding:45px 25px}.modernQuizResult h2{font-size:32px}.modernScoreBox strong{font-size:36px}}@media (max-width:480px){.topQuizButton span:last-child{display:none}.topQuizButton{justify-content:center;width:42px;padding:0}.quizTargetIcon{font-size:19px}.noteTopbarTitle h1{max-width:130px}}@media (max-width:1100px){.homepageContent{grid-template-columns:1fr}.homepageSidebar{grid-template-columns:1fr 1fr;display:grid}.notesGrid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.navbar{flex-wrap:nowrap;height:64px;min-height:64px;padding:0 4%}.logo{font-size:24px}.homeNavButton{padding:8px 10px;font-size:14px}.headerNav{gap:8px}.classSelectButton{gap:8px;min-width:120px;height:40px;padding:0 10px;font-size:14px}.graduationIcon{font-size:16px}.classDropdownMenu{width:190px}.classDropdownItem{height:46px;font-size:15px}.loginButton{min-width:72px;height:38px;padding:0 13px;font-size:14px}.hero{min-height:390px;padding:55px 18px 135px}.hero h1{letter-spacing:-1.5px;font-size:42px}.heroSubtitle{font-size:16px}.searchBox{height:60px}.searchIcon{padding-left:18px}.searchBox input{padding:0 15px;font-size:16px}.subjectsSection{height:170px}.subjectsPanel{border-radius:22px;grid-template-columns:repeat(3,1fr);width:94%;min-height:auto;padding:15px;top:-65px}.subjectButton{min-height:80px}.subjectEmoji{width:50px;height:50px;font-size:24px}.homepageContent{width:92%;padding-top:0}.notesGrid{grid-template-columns:repeat(2,1fr);gap:14px}.sectionHeading h2{font-size:25px}.homepageSidebar{grid-template-columns:1fr}.dailyChallengeCard h3{font-size:26px}.noteOverlay{padding:15px}.noteModal{width:100%;height:100%;max-height:100vh;padding:25px 20px}.modalHeader{gap:14px}.modalHeader h2{font-size:24px}.modalEmoji{width:55px;height:55px;font-size:32px}.modalActions{flex-direction:column;align-items:stretch}.navigationButtons{width:100%}.previousButton,.nextButton,.quizButton{flex:1}.noteCounter{font-size:13px}.quizHeader{flex-direction:column}.answerOptions{grid-template-columns:1fr}.quizQuestion h3{font-size:19px}.quizActions{flex-direction:column-reverse;align-items:stretch}.backToNoteButton,.nextQuestionButton{width:100%}.questionCounter{align-self:flex-start}}@media (max-width:500px){.navbar{justify-content:center}.headerNav,.header-actions{justify-content:center;width:100%}.hero h1{font-size:35px}.heroSubtitle{font-size:15px}.subjectsSection{height:255px}.subjectsPanel{grid-template-columns:repeat(2,1fr)}.notesGrid{grid-template-columns:1fr}.footer{padding-left:8%;padding-right:8%}.footerLinks{gap:7px}}.bookmarkButton{width:36px;height:36px;color:var(--primary);cursor:pointer;background:#fff9;border:none;border-radius:30%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 4px 12px #0000001f}.bookmarkButton svg{stroke-width:2.2px;width:23px;height:23px}.bookmarkButton:hover{background:var(--primary-dark);color:#fff;transform:scale(1.08)}.infoPage{background:var(--page-bg);min-height:100vh}.navbar .logo{color:#fff;text-decoration:none}.headerNav a{text-decoration:none}.headerNav .homeNavButton{justify-content:center;align-items:center;display:flex}.headerNav .loginButton{text-decoration:none}.infoHero{text-align:center;background:linear-gradient(135deg,#4b3b9d,#5f4ab5,#7963c9);border-radius:30px;width:calc(100% - 48px);max-width:1900px;margin:28px auto 0;padding:100px 20px 110px;position:relative;overflow:hidden}.infoHero:before{content:"";background:#ffffff14;border-radius:50%;width:350px;height:350px;position:absolute;top:-180px;left:-100px}.infoHero:after{content:"";background:#ffffff12;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-250px;right:-160px}.infoHeroContent{z-index:2;width:min(850px,100%);margin:0 auto;position:relative}.infoEyebrow{color:#ffffffc7;letter-spacing:2px;margin-bottom:15px;font-size:12px;font-weight:800}.infoHero h1{color:#fff;letter-spacing:-2px;margin-bottom:22px;font-size:clamp(40px,6vw,62px);font-weight:800;line-height:1.08}.infoHero p:last-child{color:#ffffffd9;max-width:680px;margin:0 auto;font-size:18px;line-height:1.7}.aboutPageContent{width:min(1180px,90%);margin:0 auto;padding:80px 0}.aboutIntro{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:center;gap:70px;margin-bottom:100px;display:grid}.aboutIntroText h2,.aboutSectionHeading h2,.aboutStudentsContent h2,.aboutCTA h2{color:var(--text-dark);letter-spacing:-1px;font-size:clamp(30px,4vw,44px);line-height:1.15}.aboutIntroText h2{max-width:650px;margin-bottom:22px}.aboutIntroText>p:not(.sectionEyebrow){max-width:680px;color:var(--text-light);margin-bottom:18px;font-size:17px;line-height:1.8}.aboutVisualCard{text-align:center;background:linear-gradient(145deg, var(--primary), var(--primary-light));color:#fff;border-radius:28px;padding:45px 32px;position:relative;box-shadow:0 20px 45px #4a37a538}.aboutVisualIcon{background:#fff;border-radius:28px;justify-content:center;align-items:center;width:95px;height:95px;margin:0 auto 22px;font-size:46px;display:flex;box-shadow:0 10px 25px #0000001f}.aboutVisualCard h3{margin-bottom:12px;font-size:26px}.aboutVisualCard p{color:#ffffffd1;font-size:15px;line-height:1.6}.aboutFeatures{margin-bottom:100px}.aboutSectionHeading{max-width:720px;margin-bottom:38px}.aboutSectionHeading h2{margin-top:5px}.aboutFeatureGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.aboutFeatureCard{border:1px solid var(--border);background:#fff;border-radius:22px;padding:28px 24px;transition:all .25s;box-shadow:0 8px 24px #281e500f}.aboutFeatureCard:hover{border-color:#5b45c84d;transform:translateY(-6px);box-shadow:0 18px 34px #3728821f}.aboutFeatureIcon{background:var(--primary-soft);border-radius:17px;justify-content:center;align-items:center;width:55px;height:55px;margin-bottom:20px;font-size:28px;display:flex}.aboutFeatureCard h3{color:var(--text-dark);margin-bottom:10px;font-size:19px}.aboutFeatureCard p{color:var(--text-light);font-size:14px;line-height:1.65}.aboutStudents{background:var(--primary-softer);border-radius:32px;grid-template-columns:minmax(0,1fr) minmax(350px,.85fr);align-items:center;gap:55px;margin-bottom:80px;padding:65px;display:grid}.aboutStudentsContent h2{margin:6px 0 18px}.aboutStudentsContent>p:not(.sectionEyebrow){max-width:560px;color:var(--text-light);margin-bottom:25px;font-size:17px;line-height:1.7}.classPills{flex-wrap:wrap;gap:10px;display:flex}.classPills span{color:var(--primary);background:#fff;border:1px solid #5b45c824;border-radius:20px;padding:9px 15px;font-size:14px;font-weight:700}.aboutQuote{color:#fff;background:linear-gradient(145deg,#5543ad,#7659d6);border-radius:26px;padding:45px 38px;position:relative;box-shadow:0 16px 35px #4a37a533}.quoteMark{color:#ffffff29;font-size:100px;line-height:1;position:absolute;top:5px;left:24px}.aboutQuote p{margin-bottom:22px;font-size:25px;font-weight:700;line-height:1.45;position:relative}.aboutQuote strong{color:#ffffffbf;font-size:14px}.aboutCTA{border:1px solid var(--border);background:#fff;border-radius:28px;justify-content:space-between;align-items:center;gap:35px;padding:50px 55px;display:flex;box-shadow:0 10px 30px #281e5012}.aboutCTA h2{margin:5px 0 12px;font-size:36px}.aboutCTA p:not(.sectionEyebrow){color:var(--text-light);font-size:16px}.aboutCTAButton{background:var(--primary);color:#fff;border-radius:14px;justify-content:center;align-items:center;min-width:175px;padding:15px 24px;font-size:16px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 8px 20px #5b45c833}.aboutCTAButton:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 12px 25px #5b45c847}.footerLinks a{color:var(--text-dark);text-decoration:none;transition:all .2s}.footerLinks a:hover{color:var(--primary)}@media (max-width:1000px){.aboutFeatureGrid{grid-template-columns:repeat(2,1fr)}.aboutIntro{gap:40px}.aboutStudents{grid-template-columns:1fr;padding:45px}}@media (max-width:768px){.infoHero{padding:75px 20px 85px}.infoHero h1{font-size:42px}.infoHero p:last-child{font-size:16px}.aboutPageContent{width:92%;padding:60px 0}.aboutIntro{grid-template-columns:1fr;gap:35px;margin-bottom:75px}.aboutVisualCard{max-width:450px}.aboutFeatures{margin-bottom:75px}.aboutStudents{margin-bottom:60px;padding:35px 25px}.aboutCTA{flex-direction:column;align-items:flex-start;padding:35px 28px}}@media (max-width:500px){.infoHero h1{letter-spacing:-1px;font-size:35px}.aboutIntroText h2,.aboutSectionHeading h2,.aboutStudentsContent h2{font-size:30px}.aboutFeatureGrid{grid-template-columns:1fr}.aboutFeatureCard{padding:25px 22px}.aboutQuote{padding:38px 28px}.aboutQuote p{font-size:21px}.aboutCTA h2{font-size:30px}.aboutCTAButton{width:100%}}.contactPageContent{width:min(1180px,90%);margin:0 auto;padding:80px 0}.contactIntro{max-width:650px;margin-bottom:45px}.contactIntro h2{color:var(--text-dark);letter-spacing:-1px;margin:5px 0 16px;font-size:clamp(32px,4vw,46px)}.contactIntro>p:not(.sectionEyebrow){color:var(--text-light);font-size:17px;line-height:1.7}.contactLayout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;display:grid}.contactFormCard{border:1px solid var(--border);background:#fff;border-radius:26px;padding:42px;box-shadow:0 10px 30px #281e5012}.contactFormCard h2{color:var(--text-dark);margin-bottom:8px;font-size:28px}.contactFormCard>p{color:var(--text-light);margin-bottom:32px;font-size:15px}.contactForm{flex-direction:column;gap:20px;display:flex}.formGroup{flex-direction:column;gap:8px;display:flex}.formGroup label{color:var(--text-dark);font-size:14px;font-weight:700}.formGroup input,.formGroup textarea{border:1px solid var(--border);width:100%;color:var(--text-dark);background:#fff;border-radius:13px;outline:none;padding:14px 16px;font-family:inherit;font-size:15px;transition:all .2s}.formGroup textarea{resize:vertical;min-height:150px}.formGroup input::placeholder,.formGroup textarea::placeholder{color:#9a96a6}.formGroup input:focus,.formGroup textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #5b45c81a}.contactSubmitButton{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:14px;margin-top:5px;padding:15px 24px;font-size:16px;font-weight:700;transition:all .2s}.contactSubmitButton:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 10px 22px #5b45c838}.contactSidebar{flex-direction:column;gap:18px;display:flex}.contactInfoCard{border:1px solid var(--border);background:#fff;border-radius:22px;padding:26px;box-shadow:0 8px 24px #281e500f}.contactInfoIcon{background:var(--primary-soft);border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:17px;font-size:26px;display:flex}.contactInfoCard h3{color:var(--text-dark);margin-bottom:8px;font-size:18px}.contactInfoCard p{color:var(--text-light);font-size:14px;line-height:1.65}.contactHelpCard{color:#fff;background:linear-gradient(145deg,#5543ad,#7659d6);border-radius:24px;padding:32px 26px;box-shadow:0 14px 30px #4a37a533}.contactHelpIcon{background:#fff;border-radius:17px;justify-content:center;align-items:center;width:55px;height:55px;margin-bottom:18px;font-size:28px;display:flex}.contactHelpCard h3{margin-bottom:10px;font-size:23px;line-height:1.25}.contactHelpCard p{color:#fffc;font-size:14px;line-height:1.65}@media (max-width:900px){.contactLayout{grid-template-columns:1fr}.contactSidebar{grid-template-columns:repeat(2,1fr);display:grid}.contactHelpCard{grid-column:1/-1}}@media (max-width:768px){.contactPageContent{width:92%;padding:60px 0}.contactFormCard{padding:30px 24px}}@media (max-width:600px){.contactSidebar{display:flex}.contactIntro h2{font-size:32px}.contactFormCard h2{font-size:25px}}.policyPageContent{width:min(1180px,90%);margin:0 auto;padding:80px 0}.policyLayout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:55px;display:grid}.policySidebar{position:sticky;top:25px}.policySidebarCard{border:1px solid var(--border);background:#fff;border-radius:20px;flex-direction:column;gap:5px;padding:24px;display:flex;box-shadow:0 8px 24px #281e500f}.policySidebarCard p{color:var(--primary);letter-spacing:1.5px;margin-bottom:10px;font-size:11px;font-weight:800}.policySidebarCard a{color:var(--text-light);border-radius:9px;padding:9px 10px;font-size:14px;text-decoration:none;transition:all .2s}.policySidebarCard a:hover{background:var(--primary-soft);color:var(--primary)}.policyContent{min-width:0}.policyIntro{margin-bottom:55px}.policyUpdated{background:var(--primary-soft);color:var(--primary);border-radius:20px;margin-bottom:18px;padding:7px 13px;font-size:13px;font-weight:700;display:inline-flex}.policyIntro h2{color:var(--text-dark);letter-spacing:-1px;margin-bottom:18px;font-size:clamp(32px,4vw,46px)}.policyIntro>p:last-child{max-width:760px;color:var(--text-light);font-size:17px;line-height:1.8}.policySection{border-bottom:1px solid var(--border);margin-bottom:42px;padding-bottom:42px}.policySection:last-child{border-bottom:none}.policySection h3{color:var(--text-dark);margin-bottom:18px;font-size:23px;line-height:1.3}.policySection>p{color:var(--text-light);margin-bottom:16px;font-size:16px;line-height:1.8}.policySection>p:last-child{margin-bottom:0}.policyHighlight{background:var(--primary-softer);border-left:4px solid var(--primary);border-radius:17px;align-items:flex-start;gap:15px;margin-top:25px;padding:20px 22px;display:flex}.policyHighlight span{font-size:22px}.policyHighlight p{color:var(--text-dark);font-size:15px;line-height:1.65}.policyContactSection{background:var(--primary-softer);border:none;border-radius:24px;padding:35px}.policyContactButton{background:var(--primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;margin-top:10px;padding:13px 22px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.policyContactButton:hover{background:var(--primary-dark);transform:translateY(-2px)}@media (max-width:900px){.policyLayout{grid-template-columns:1fr;gap:35px}.policySidebar{position:static}.policySidebarCard{grid-template-columns:repeat(2,1fr);display:grid}.policySidebarCard p{grid-column:1/-1}}@media (max-width:768px){.policyPageContent{width:92%;padding:60px 0}.policyIntro{margin-bottom:40px}.policySection{margin-bottom:32px;padding-bottom:32px}}@media (max-width:600px){.policySidebarCard{display:flex}.policyIntro h2{font-size:32px}.policySection h3{font-size:21px}.policyContactSection{padding:28px 22px}}a{color:inherit;text-decoration:none}.backToTopButton{background:var(--primary);color:#fff;cursor:pointer;z-index:100;border:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:52px;height:52px;font-family:inherit;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 8px 24px #00000029}.backToTopButton:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0003}.backToTopButton:active{transform:translateY(0)}.backToTopButton span{font-size:10px;font-weight:700}.backToTopButton{font-size:20px;font-weight:700}@media (max-width:600px){.backToTopButton{border-radius:14px;width:48px;height:48px;bottom:20px;right:18px}}.notePageFooter{color:#666b78;background:#ececf1;border-top:1px solid #0000000d;justify-content:flex-end;align-items:center;width:100%;min-height:72px;padding:0 7%;font-size:14px;display:flex}@media (max-width:700px){.notePageFooter{text-align:center;justify-content:center;min-height:60px;padding:0 20px;font-size:13px}}.resultActions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:24px;display:flex}.showAnswersButton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#8b5cf6);border:none;border-radius:12px;padding:13px 24px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 20px #6c63ff40}.showAnswersButton:hover{transform:translateY(-2px);box-shadow:0 12px 25px #6c63ff59}.answersReview{width:100%;max-width:1400px;margin:0 auto;padding:0 20px;animation:.3s fadeInAnswers}@keyframes fadeInAnswers{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.answersReviewHeader{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.answersReviewHeader h2{color:#1f2937;margin:3px 0 4px;font-size:25px;font-weight:800}.answersReviewHeader p{color:#6b7280;margin:0;font-size:14px}.hideAnswersButton{color:#4f46e5;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d7dce8;border-radius:10px;padding:9px 15px;font-size:13px;font-weight:700;transition:all .2s}.hideAnswersButton:hover{background:#f5f3ff;border-color:#a78bfa}.answersReviewList{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.answerReviewCard{background:#fff;border:1px solid #e8eaf0;border-radius:14px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px #0000000a}.answerReviewCard:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000012}.reviewCorrect{border-left:4px solid #22c55e}.reviewWrong{border-left:4px solid #ef4444}.reviewQuestionNumber{text-transform:uppercase;letter-spacing:.5px;color:#6b7280;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:12px;font-weight:800;display:flex}.reviewStatusCorrect,.reviewStatusWrong{text-transform:none;letter-spacing:0;border-radius:20px;padding:4px 9px;font-size:11px;font-weight:700}.reviewStatusCorrect{color:#15803d;background:#dcfce7}.reviewStatusWrong{color:#dc2626;background:#fee2e2}.answerReviewCard h3{color:#1f2937;min-height:44px;margin:0 0 14px;font-size:15px;line-height:1.45}.answerReviewCard{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;display:grid}.reviewQuestionNumber,.answerReviewCard h3{grid-column:1/-1}.reviewAnswerRow{flex-direction:column;gap:5px;margin:0;display:flex}.reviewAnswerLabel{text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;font-size:10px;font-weight:800}.reviewAnswer{border-radius:9px;min-height:38px;padding:9px 10px;font-size:13px;font-weight:600;line-height:1.35;display:block}.studentCorrect{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.studentWrong{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.correctReviewAnswer{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.reviewBackButton{margin-top:22px}@media (max-width:900px){.answersReviewList{grid-template-columns:1fr}}@media (max-width:600px){.fullQuizContent{padding:20px 15px}.modernQuizCard{width:100%}.answersReviewHeader{flex-direction:column;align-items:stretch;gap:12px}.answersReviewHeader h2{font-size:22px}.hideAnswersButton{width:100%}.answerReviewCard{grid-template-columns:1fr;padding:14px}.reviewQuestionNumber,.answerReviewCard h3{grid-column:auto}.reviewQuestionNumber{align-items:flex-start}.reviewAnswer{padding:9px 10px}}
