@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Fredoka+One&family=Baloo+2:wght@400;600;700;800&display=swap");:root{--red:#FF6B6B;--teal:#4ECDC4;--yellow:#FFD93D;--blue:#45B7D1;--purple:#C77DFF;--green:#6BCB77;--bg:#F0F4FF;--card:#FFFFFF;--text:#1a1a2e;--muted:#6b7280;--border:#e5e7eb}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:Nunito,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;background-image:radial-gradient(circle at 15% 20%,rgba(255,107,107,.08) 0,transparent 50%),radial-gradient(circle at 85% 80%,rgba(78,205,196,.08) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,217,61,.05) 0,transparent 60%)}.card{background:white;border-radius:20px;border:2px solid var(--border);box-shadow:0 4px 24px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04);transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 8px 32px rgba(0,0,0,.1)}.card-pop{background:white;border-radius:20px;border:2px solid var(--border);box-shadow:0 6px 0 rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.06)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:14px;border:none;cursor:pointer;font-family:Nunito,sans-serif;font-weight:800;font-size:15px;transition:all .15s;text-decoration:none;line-height:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--red);color:white;box-shadow:0 4px 0 #c94040,0 2px 8px rgba(255,107,107,.3)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 0 #c94040,0 4px 16px rgba(255,107,107,.4)}.btn-primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 #c94040}.btn-secondary{background:white;color:var(--text);border:2px solid var(--border);box-shadow:0 3px 0 var(--border)}.btn-secondary:hover:not(:disabled){transform:translateY(-1px);border-color:#d1d5db}.btn-secondary:active:not(:disabled){transform:translateY(1px);box-shadow:none}.btn-teal{background:var(--teal);color:white;box-shadow:0 4px 0 #2ea89f,0 2px 8px rgba(78,205,196,.3)}.btn-teal:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 0 #2ea89f}.btn-yellow{background:var(--yellow);color:#7a5c00;box-shadow:0 4px 0 #c9a800,0 2px 8px rgba(255,217,61,.3)}.btn-yellow:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 0 #c9a800}.input{width:100%;padding:14px 16px;border-radius:14px;border:2px solid var(--border);background:white;font-family:Nunito,sans-serif;font-size:15px;font-weight:600;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--red);box-shadow:0 0 0 4px rgba(255,107,107,.12)}.input::-moz-placeholder{color:#9ca3af;font-weight:600}.input::placeholder{color:#9ca3af;font-weight:600}.chip{padding:6px 14px;border-radius:30px;border:2px solid;font-weight:700;font-size:13px;cursor:pointer;transition:all .15s;font-family:Nunito,sans-serif}.badge-pill,.chip{display:inline-flex;align-items:center}.badge-pill{gap:4px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:800}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes confetti-fall{to{transform:translateY(100vh) rotate(2turn);opacity:0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-fade-up{animation:fadeUp .4s ease both}.animate-float{animation:float 3s ease-in-out infinite}.animate-shake{animation:shake .4s ease}.animate-pop{animation:pop .3s ease}.animate-pulse{animation:pulse 2s ease infinite}.progress-track{background:#e5e7eb;border-radius:30px;overflow:hidden}.progress-fill{height:100%;border-radius:30px;transition:width .4s cubic-bezier(.4,0,.2,1)}.subject-maths{--s-color:var(--red);--s-bg:#fff0f0;--s-border:#ffd5d5}.subject-reading{--s-color:var(--teal);--s-bg:#f0fffe;--s-border:#b3ece9}.subject-gps{--s-color:var(--yellow);--s-bg:#fffdf0;--s-border:#faedb3}.star{font-size:32px;transition:filter .3s,transform .3s}.star.earned{filter:none;transform:scale(1.1)}.star.unearned{filter:grayscale(1);opacity:.3}.sats-badge{background:linear-gradient(135deg,#FF6B6B,#FF8E53);color:white;border-radius:10px;padding:4px 10px;font-size:11px;font-weight:800;letter-spacing:.5px;box-shadow:0 2px 8px rgba(255,107,107,.4)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.text-muted{color:var(--muted)}.rounded-xl{border-radius:20px}.w-full{width:100%}