:root{--doodle-blue:#4285f4;--doodle-red:#ea4335;--doodle-yellow:#fbbc05;--doodle-green:#34a853;--doodle-paper:#f9f9f9;--doodle-ink:#2d2d2d;--doodle-ink-light:#5f6368;--background:var(--doodle-paper);--navbar-bg:#1a2d54;--highlight:var(--doodle-yellow);--text-white:#fff;--text-gray:var(--doodle-ink-light);--text-black:var(--doodle-ink);--card-accent:var(--doodle-green);--card-accent-dark:#2e8b44;--card-bg:#fff;--card-text-title:var(--doodle-ink);--card-text-meta:var(--doodle-ink-light);--space-xs:8px;--space-sm:16px;--space-md:32px;--space-lg:64px;--space-xl:96px;--font-size-h1:48px;--font-size-p:16px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-black);min-height:100vh;font-family:Poppins,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:DynaPuff;font-weight:700}h1{font-size:var(--font-size-h1)}p{font-size:var(--font-size-p);color:var(--text-black)}.highlight{color:var(--highlight)}.text-gray{color:var(--text-gray)}.text-black{color:var(--text-black)}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.btn-3d{color:#fff;text-transform:uppercase;letter-spacing:2px;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#669d8e;border:none;justify-content:center;align-items:center;gap:12px;padding:12px 32px;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;transition:all .1s;display:inline-flex;position:relative;box-shadow:0 6px #4d7a6e}.btn-3d:active{transform:translateY(4px);box-shadow:0 2px #4d7a6e}.btn-3d:hover{filter:brightness(1.05);box-shadow:0 1px #bcf3e4}.btn-3d--orange{background-color:#f2a359;box-shadow:0 6px #d18e4e}.btn-3d--orange:active{box-shadow:0 2px #d18e4e}.Flashcard-wrapper{perspective:1200px;width:100%;max-width:800px;margin:0 auto}.Flashcard-inner{width:100%;height:400px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:height .3s;position:relative}@media (max-width:768px){.Flashcard-inner{height:350px}}@media (max-width:480px){.Flashcard-inner{height:300px}}.Flashcard{text-align:center;backface-visibility:hidden;background-color:#e4f3ff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:40px;transition:padding .3s;display:flex;position:absolute;top:0;left:0;overflow:hidden;transform:translate(0,0)}@media (max-width:480px){.Flashcard{padding:24px}}.Flashcard--back{transform:rotateY(180deg)translate(0,0)}.Flashcard__shapes{pointer-events:none;z-index:1;position:absolute;inset:0}.Flashcard__shape{background-color:#ffffff0d;position:absolute}.Flashcard__shape--1{background-color:#0000001a;border-bottom-right-radius:100%;width:120px;height:120px;top:0;left:0}.Flashcard__shape--2{background:0 0;border:4px solid #ffffff1a;border-radius:50%;width:40px;height:40px;top:60px;right:80px}.Flashcard__shape--3{background-color:#00000026;width:100px;height:80px;bottom:-20px;right:-10px;transform:rotate(-15deg)}.Flashcard__shape--4{clip-path:polygon(50% 0%,0% 100%,100% 100%);background-color:#ffffff08;width:60px;height:60px;bottom:80px;left:40px}.Flashcard__badge{z-index:2;color:#f2a359;letter-spacing:2px;text-transform:uppercase;margin-bottom:24px;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;position:relative}.Flashcard__text-content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.Flashcard__image{border-radius:12px;justify-content:center;width:100%;max-height:200px;display:flex;overflow:hidden}.Flashcard__image img{object-fit:contain;max-width:100%;max-height:200px}.Flashcard__text{z-index:2;color:#0e0e0e;overflow-wrap:break-word;word-wrap:break-word;max-width:90%;margin-bottom:40px;font-family:Poppins,sans-serif;font-size:20px;font-weight:700;line-height:1.2;transition:font-size .3s;position:relative}@media (max-width:600px){.Flashcard__text{margin-bottom:24px;font-size:16px}}@media (max-width:480px){.Flashcard__text{margin-bottom:20px;font-size:18px}}.Flashcard__footer{z-index:2;position:relative}.ProgressBar{flex-direction:column;gap:8px;width:100%;max-width:800px;margin:16px 0;display:flex}.ProgressBar__top,.ProgressBar__bottom{justify-content:space-between;align-items:center;display:flex;color:#1a2e4a!important}.ProgressBar__title-group{color:#e4f3ff;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.ProgressBar__count,.ProgressBar__percent,.ProgressBar__remaining{color:#e4f3ff;font-family:Poppins,sans-serif;font-size:12px;font-weight:700}.ProgressBar__percent,.ProgressBar__remaining{text-transform:uppercase;color:var(--card-text-meta);font-size:10px}.ProgressBar__track{background-color:#e9eef2;border-radius:999px;width:100%;height:12px;position:relative;overflow:hidden}.ProgressBar__fill{background-color:#6ba898;border-radius:999px;height:100%}.Path{align-items:center;gap:8px;margin:16px 0;display:flex}.Path__item{color:#1a2e4a;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .2s,color .2s}.Path__link:hover{opacity:.7;color:#508df7;text-decoration:underline}.Path__separator{color:#1a2e4a;align-items:center;display:flex}.Path__current{color:#1a2e4a;font-family:Poppins,sans-serif;font-size:14px;font-weight:700}.KeyboardGuide{background-color:#fff;border:1px solid #e9eef2;border-radius:999px;align-items:center;gap:16px;margin:16px 0;padding:8px 32px;display:inline-flex;box-shadow:0 4px 12px #0000000d}@media (max-width:768px){.KeyboardGuide{display:none}}.KeyboardGuide__item{align-items:center;gap:12px;display:flex}.KeyboardGuide__key{color:#1b1c1d;text-align:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;min-width:40px;padding:6px 14px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.KeyboardGuide__label{color:#5d6b82;font-family:Poppins,sans-serif;font-size:16px;font-weight:700}.KeyboardGuide__separator{background-color:#e2e8f0;width:1px;height:24px;margin:0 4px}.Footer{background-color:var(--navbar-bg);border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;width:100%;margin-top:64px;padding:32px;display:flex}.Footer__text{color:#e4f3ff;font-family:Poppins,sans-serif;font-size:14px;font-weight:500}.Footer__link{color:#e4f3ff;font-weight:700;text-decoration:none;transition:color .2s}.Footer__link:hover{color:#6ba898}.LoginPage{background-image:linear-gradient(#1e3a8acc,#1e3a8acc),url(/loginBg.png);background-position:50%;background-size:cover;background-attachment:fixed;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:48px 0;display:flex;position:relative;overflow:hidden}@media (max-width:600px){.LoginPage{padding:40px 20px}.LoginHeader__title{font-size:32px}.LoginHeader__subtitle{font-size:16px}.LoginCard__body{padding:24px}.LoginFooter-meta{flex-wrap:wrap;gap:16px}}.LoginHeader{text-align:center;z-index:1;margin-bottom:48px}.LoginHeader__title{color:#fff;letter-spacing:-1px;margin-bottom:12px;font-size:48px;font-weight:800}.LoginHeader__subtitle{color:#e4f3ff;max-width:500px;margin:0 auto;font-size:18px;font-weight:400;line-height:1.6}.LoginCard{z-index:1;background:#fff;border-radius:40px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 32px 64px -12px #00000080}.LoginCard__header{background-color:#6ba898;justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.LoginCard__header-icon{color:#ffffff4d;z-index:1}.LoginCard__shape{background-color:#ffffff26;position:absolute}.LoginCard__shape--1{border-radius:8px;width:40px;height:40px;top:20px;left:20px;transform:rotate(15deg)}.LoginCard__shape--2{border-radius:50%;width:30px;height:30px;bottom:20px;right:40px}.LoginCard__body{min-height:240px;padding:48px}.LoginFooter-meta{color:#eee;z-index:1;justify-content:center;gap:24px;margin-top:32px;font-size:12px;font-weight:600;display:flex}.LoginFooter-meta__item{align-items:center;gap:8px;display:flex}.UnitCard{background-color:var(--card-bg);-webkit-user-select:none;user-select:none;border-radius:12px;width:100%;max-width:320px;margin:0 auto;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 16px #0000001f}.UnitCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000002e}.UnitCard__header{background-position:50%;background-size:cover;justify-content:center;align-items:center;height:180px;display:flex;position:relative}.UnitCard__overlay{z-index:1;background:#669d8e10;position:absolute;inset:0}.UnitCard__badge{color:#fff;z-index:2;text-transform:uppercase;background-color:#1a2e4a;border-radius:4px;padding:4px 12px;font-family:DynaPuff;font-size:14px;font-weight:700;position:absolute;top:12px;left:12px}.UnitCard__icon-wrapper{z-index:2;background:#fff3;border:4px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.UnitCard__content{padding:20px}.UnitCard__title{color:var(--card-text-title);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-family:Poppins,sans-serif;font-size:18px;font-weight:700}.UnitCard__stats{color:var(--card-text-meta);text-transform:uppercase;gap:16px;margin-bottom:20px;font-size:12px;font-weight:600;display:flex}.UnitCard__stat{align-items:center;gap:6px;display:flex}.SubjectCard{background-color:var(--card-bg);-webkit-user-select:none;user-select:none;border-radius:12px;width:100%;max-width:320px;margin-top:15px;margin-left:auto;margin-right:auto;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 16px #0000001f}.SubjectCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000002e}.SubjectCard__header{background-position:50%;background-size:cover;justify-content:center;align-items:center;height:180px;display:flex;position:relative}.SubjectCard__overlay{z-index:1;background:#669d8eb3;position:absolute;inset:0}.SubjectCard__badge{color:#fff;z-index:2;text-transform:uppercase;background-color:#1a2e4a;border-radius:4px;padding:4px 12px;font-family:DynaPuff;font-size:14px;font-weight:700;position:absolute;top:12px;left:12px}.SubjectCard__icon-wrapper{z-index:2;background:#fff3;border:4px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.SubjectCard__content{padding:20px}.SubjectCard__title{color:var(--card-text-title);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-family:Poppins,sans-serif;font-size:18px;font-weight:700}.FarmFloatButton{z-index:1200;width:72px;height:72px;position:fixed;bottom:24px;right:24px}
.Navbar{background-color:var(--navbar-bg);color:var(--text-white);z-index:1000;flex-direction:column;width:100%;padding:16px 40px;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0003}.Navbar__main{justify-content:space-between;align-items:center;width:100%;display:flex}.Navbar__left,.Navbar__right{align-items:center;gap:24px;display:flex}.Navbar__logo{align-items:center;gap:10px;font-family:DynaPuff;font-size:20px;font-weight:700;display:flex}.Navbar__link{color:var(--text-white);opacity:.8;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s}.Navbar__link:hover{opacity:1}.Navbar__center{flex:1;justify-content:center;max-width:600px;margin:0 20px;display:flex}.Navbar__search{background-color:var(--doodle-paper);border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 16px;display:flex}.Navbar__search input{width:100%;color:var(--text-black);background:0 0;border:none;outline:none;font-family:Poppins,sans-serif;font-size:14px}.Navbar__menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;padding:8px;display:none}.Navbar__auth-buttons{gap:12px;display:flex}.Navbar__mobile-menu{border-top:1px solid #ffffff1a;flex-direction:column;gap:16px;margin-top:16px;padding-top:20px;display:none}.Navbar__mobile-search{background-color:var(--doodle-paper);border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 16px;display:flex}.Navbar__mobile-search input{width:100%;color:var(--text-black);background:0 0;border:none;outline:none;font-family:Poppins,sans-serif;font-size:14px}.Navbar__mobile-auth{flex-direction:column;gap:12px;display:flex}@media (max-width:1024px){.Navbar{padding:16px 20px}.Navbar__center{max-width:300px}}@media (max-width:768px){.Navbar__center,.Navbar__user,.Navbar__logout{display:none}.Navbar__mobile-menu{display:flex}.Navbar__mobile-user{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.Navbar__mobile-user .Navbar__user-info{align-items:flex-start;display:flex}.Navbar__mobile-logout{margin-top:8px}}@media (max-width:480px){.Navbar__logo span{font-size:18px}.Navbar__right{gap:12px}}.Navbar__user{border-right:1px solid #ffffff1a;align-items:center;gap:12px;padding-right:20px;display:flex}.Navbar__user-info{flex-direction:column;align-items:flex-end;display:flex}.Navbar__user-name{font-size:14px;font-weight:700}.Navbar__user-grade{opacity:.6;font-size:11px}.Navbar__icon-btn{width:36px;height:36px;color:var(--text-white);cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .2s;display:flex}.Navbar__icon-btn:hover{background:#fff3}