*{box-sizing:border-box;margin:0;padding:0}body{font-family:Nunito,sans-serif;background:#FFD93D;min-height:100vh}.nav-bar{background:#FF6B6B;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px #e85555}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:900;font-size:1.4rem}.nav-logo:hover .mascot{animation:wiggle .5s ease-in-out}.mascot{font-size:2.2rem}.nav-links{display:flex;gap:10px}.nav-btn{padding:10px 20px;border-radius:50px;font-weight:700;text-decoration:none;transition:transform .2s;border:none;cursor:pointer;font-size:.9rem}.nav-btn:hover{transform:scale(1.05)}.nav-btn-white{background:white;color:#ff6b6b}.nav-btn-yellow{background:#FFD93D;color:#e85555;border:2px solid #FFC107}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.bounce-slow{animation:bounce-slow 2s ease-in-out infinite}.float{animation:float 3s ease-in-out infinite}.main-container{max-width:700px;margin:0 auto;padding:30px 20px}.card{background:white;border-radius:24px;padding:30px;box-shadow:0 8px #e0e0e0;margin-bottom:20px}.btn{display:inline-block;padding:18px 40px;border-radius:50px;font-weight:900;font-size:1.5rem;text-decoration:none;transition:all .15s;border:none;cursor:pointer;text-align:center}.btn:hover{transform:translateY(-3px)}.btn:active{transform:translateY(2px)}.btn-green{background:#4ECDC4;color:#fff;box-shadow:0 6px #3ba99c}.btn-green:hover{box-shadow:0 4px #3ba99c}.btn-green:active{box-shadow:0 2px #3ba99c}.btn-red{background:#FF6B6B;color:#fff;box-shadow:0 6px #e85555}.btn-blue{background:#4D96FF;color:#fff;box-shadow:0 6px #3a7bd5}.btn-orange{background:#FF9F43;color:#fff;box-shadow:0 6px #e8893a}.btn-purple{background:#A66DD4;color:#fff;box-shadow:0 6px #8b5bb5}.answer-btn{width:100%;padding:16px 20px;border-radius:16px;font-weight:700;font-size:1.2rem;text-align:left;margin-bottom:12px;transition:all .15s;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.answer-btn:hover:not(:disabled){transform:translateY(-2px)}.answer-btn:disabled{cursor:default}.answer-red{background:#FF6B6B;color:#fff;box-shadow:0 4px #e85555}.answer-blue{background:#4D96FF;color:#fff;box-shadow:0 4px #3a7bd5}.answer-green{background:#4ECDC4;color:#fff;box-shadow:0 4px #3ba99c}.answer-purple{background:#A66DD4;color:#fff;box-shadow:0 4px #8b5bb5}.answer-correct{background:#2ECC71!important;box-shadow:0 4px #27ae60!important}.answer-wrong{background:#95A5A6!important;box-shadow:0 4px #7f8c8d!important}.answer-faded{background:#BDC3C7!important;box-shadow:0 4px #95a5a6!important;opacity:.6}.badge{display:inline-block;padding:8px 16px;border-radius:50px;font-weight:800;font-size:1rem;margin-bottom:15px}.badge-blue{background:#4D96FF;color:#fff;box-shadow:0 3px #3a7bd5}.badge-orange{background:#FF9F43;color:#fff;box-shadow:0 3px #e8893a}.badge-purple{background:#A66DD4;color:#fff;box-shadow:0 3px #8b5bb5}.progress-container{background:white;border-radius:50px;height:30px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a;margin-bottom:20px}.progress-bar{height:100%;background:linear-gradient(90deg,#4ECDC4,#44B3AB);border-radius:50px;transition:width .5s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-size:1rem}.text-center{text-align:center}.title{font-size:2.5rem;font-weight:900;margin-bottom:10px}.title-red{color:#ff6b6b}.title-green{color:#2ecc71}.subtitle{font-size:1.3rem;font-weight:700;color:#666}.question-text{font-size:1.4rem;font-weight:800;color:#333;margin-bottom:20px}.passage-box{background:#E8F4FD;border-left:6px solid #4D96FF;border-radius:12px;padding:16px;margin-bottom:20px;font-size:1.1rem;line-height:1.6;color:#444}.hint-btn{background:#FFD93D;color:#b8860b;padding:10px 20px;border-radius:50px;font-weight:700;border:none;cursor:pointer;margin-top:15px}.hint-box{background:#FFF9E6;border-left:6px solid #FFD93D;border-radius:12px;padding:16px;margin-top:15px;font-weight:600;color:#b8860b}.result-box{padding:25px;border-radius:16px;text-align:center;margin-top:20px}.result-correct{background:#D5F5E3}.result-wrong{background:#FADBD8}.result-text{font-size:1.8rem;font-weight:900}.result-correct .result-text{color:#2ecc71}.result-wrong .result-text{color:#e74c3c}.score-box{background:#FFD93D;border-radius:16px;padding:20px 40px;display:inline-block;margin:20px 0}.score-number{font-size:3.5rem;font-weight:900;color:#ff6b6b}.score-label{font-size:1.1rem;font-weight:700;color:#e85555}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.stat-box{background:white;border-radius:12px;padding:12px;text-align:center}.stat-number{font-size:1.5rem;font-weight:900}.stat-number-blue{color:#4d96ff}.stat-number-green{color:#2ecc71}.stat-label{font-size:.85rem;color:#888;font-weight:600}.info-box{border-radius:16px;padding:16px;margin-bottom:20px}.info-green{background:#D5F5E3;color:#27ae60}.info-blue{background:#E8F4FD;color:#3a7bd5}.header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.header-pill{background:white;padding:8px 16px;border-radius:50px;font-weight:700;font-size:.9rem}.header-score{background:#FFD93D;padding:8px 16px;border-radius:50px;font-weight:800;color:#e85555}.streak-banner{background:#FF9F43;color:#fff;padding:10px 24px;border-radius:50px;font-weight:800;font-size:1.1rem;display:inline-block;margin-bottom:15px;animation:bounce-slow 1s ease-in-out infinite}.decoration{position:absolute;font-size:3rem;opacity:.4;pointer-events:none}.subject-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin:30px 0}.subject-card{border-radius:24px;padding:25px;text-align:center;transition:transform .2s}.subject-card:hover{transform:scale(1.05)}.subject-card-blue{background:#4D96FF;box-shadow:0 6px #3a7bd5}.subject-card-orange{background:#FF9F43;box-shadow:0 6px #e8893a}.subject-card-purple{background:#A66DD4;box-shadow:0 6px #8b5bb5}.subject-icon{font-size:3.5rem;margin-bottom:10px}.subject-title{font-size:1.4rem;font-weight:900;color:#fff;margin-bottom:5px}.subject-desc{font-size:.95rem;font-weight:600;color:#ffffffe6}.quiz-header{text-align:center;margin-bottom:20px}.quiz-header-pill{display:inline-flex;align-items:center;gap:10px;background:white;padding:10px 24px;border-radius:50px;box-shadow:0 4px #e0e0e0}.quiz-header-text{font-size:1.4rem;font-weight:900;color:#ff6b6b}.grade-badge{background:#4ECDC4;color:#fff;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:700}.grade-btn{display:flex;align-items:center;gap:15px;padding:20px 30px;border-radius:20px;font-size:1.4rem;font-weight:800;border:none;cursor:pointer;transition:all .2s;width:100%}.grade-btn:hover{transform:translateY(-3px)}.grade-btn-unselected{background:white;color:#333;box-shadow:0 4px #e0e0e0}.grade-btn-selected{background:#4ECDC4;color:#fff;box-shadow:0 4px #3ba99c;transform:scale(1.02)}