@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg-main:#0b0f19;--bg-card:#151c2c;--bg-card-hover:#1e293b;--border-color:#ffffff14;--border-active:#3b82f6;--primary:#3b82f6;--primary-glow:#3b82f640;--success:#10b981;--success-bg:#10b98126;--warning:#f59e0b;--danger:#ef4444;--danger-bg:#ef444426;--text-main:#f8fafc;--text-muted:#94a3b8;--text-sub:#cbd5e1}*{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font-family:inherit}body{background-color:var(--bg-main);color:var(--text-main);min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}.glass-card{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);background:#151c2cbf;border-radius:16px;box-shadow:0 8px 32px #0000005e}.glass-btn{color:#60a5fa;cursor:pointer;background:#3b82f626;border:1px solid #3b82f64d;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:inline-flex}.glass-btn:hover{box-shadow:0 0 15px var(--primary-glow);background:#3b82f64d;transform:translateY(-1px)}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #2563eb63}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb80}.btn-secondary{color:#cbd5e1;cursor:pointer;background:#1e293b;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{color:#fff;background:#334155}.custom-input{border:1px solid var(--border-color);color:#fff;background:#0f172acc;border-radius:12px;outline:none;width:100%;padding:14px 18px;font-size:1rem;transition:border-color .2s}.custom-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.option-card{border:1px solid var(--border-color);cursor:pointer;text-align:left;background:#1e293b80;border-radius:12px;align-items:center;gap:14px;width:100%;padding:16px 20px;transition:all .2s;display:flex}.option-card:hover{background:#3b82f61a;border-color:#3b82f666;transform:translate(4px)}.option-card.selected{box-shadow:0 0 16px var(--primary-glow);background:#3b82f62e;border-color:#3b82f6}.option-card.correct-ans{background:#10b98133;border-color:#10b981}.option-card.wrong-ans{background:#ef444433;border-color:#ef4444}.opt-badge{width:36px;height:36px;color:var(--text-muted);background:#1e293b;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.option-card.selected .opt-badge{color:#fff;background:#3b82f6;border-color:#3b82f6}.option-card.correct-ans .opt-badge{color:#fff;background:#10b981;border-color:#10b981}.option-card.wrong-ans .opt-badge{color:#fff;background:#ef4444;border-color:#ef4444}.q-grid-btn{border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-muted);cursor:pointer;background:#151c2c;border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.q-grid-btn:hover{border-color:var(--primary);color:#fff}.q-grid-btn.active{ring:2px solid #3b82f6;box-shadow:0 0 10px var(--primary-glow);font-weight:800;transform:scale(1.1)}.q-grid-btn.answered{color:#34d399;background:#10b98140;border-color:#10b98166}.q-grid-btn.flagged{color:#fbbf24;background:#f59e0b40;border-color:#f59e0b66}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0b0f19}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}